:root{--blue:#0d3f98;--blue2:#0756c9;--dark:#06357e;--gold:#f6b51c;--green:#49b52f;--purple:#7927e8;--orange:#ff9500;--cyan:#11a8c8;--ink:#092d6f;--muted:#3f5680;--white:#fff;--line:#dce7f6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Cairo,Tahoma,Arial,sans-serif;background:#f7faff;color:var(--ink);overflow-x:hidden}.page{min-height:100vh;position:relative;isolation:isolate;background:radial-gradient(circle at 78% 14%,#2768cd1a,#0000 23%),linear-gradient(135deg,#f8fbff,#fff 43%,#f3f8ff)}@media(min-width:850px){.page:before{width:760px;height:260px;left:-210px;top:-85px;background:linear-gradient(120deg,#275db5,#8db0ec 60%,#0000 61%);border-radius:0 0 70% 20%;transform:rotate(-14deg);opacity:.95}.page:after,.page:before{content:"";position:absolute;z-index:-1}.page:after{width:560px;height:380px;right:-250px;bottom:-180px;border-radius:50% 0 0 0;background:linear-gradient(135deg,#eef4ff,#a9c1f1);transform:rotate(-20deg)}}.container{width:min(1440px,94vw);margin:auto}.gov-banner{padding:14px 0 10px;border-bottom:1px solid var(--line)}.gov-banner-inner{display:flex;align-items:center;justify-content:space-between;grid-gap:20px;gap:20px}.gov-logo-left,.gov-logo-right{flex-shrink:0}.gov-logo-left img,.gov-logo-right img{width:80px;height:80px;object-fit:contain;border-radius:50%;background:#fff;padding:4px;border:1px solid #e0e8f3}.gov-text{text-align:center;flex:1}.gov-text p{font-size:14px;line-height:1.9;color:var(--muted);font-weight:600}.gov-text .office-name{font-size:16px;color:var(--blue);font-weight:800;margin-top:1px}.header{padding:26px 0 8px;display:grid;grid-template-columns:1fr 260px;align-items:start;grid-gap:22px;gap:22px}.hero{text-align:center;padding-top:5px}.hero h1{font-size:clamp(42px,5.3vw,82px);line-height:1.15;color:var(--blue);font-weight:900;letter-spacing:-2px;text-shadow:0 3px 0 #fffc}.hero p{margin-top:6px;font-size:clamp(18px,1.8vw,28px);color:#173d78;font-weight:600}.divider{width:220px;height:18px;margin:12px auto 22px;position:relative}.divider:after,.divider:before{content:"";position:absolute;top:8px;width:92px;height:2px;background:var(--gold)}.divider:before{right:50%}.divider:after{left:50%}.divider span{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--gold);top:1px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 4px #fff}.building-wrap{width:255px;height:335px;justify-self:end;position:relative;margin-top:10px}.building{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05)}.building,.building-wrap:before{clip-path:polygon(20% 0,80% 0,100% 14%,100% 73%,72% 100%,28% 100%,0 73%,0 14%)}.building-wrap:before{content:"";position:absolute;inset:-7px;background:var(--gold);z-index:-1}.building-badge{position:absolute;bottom:20px;left:-18px;width:58px;height:58px;background:var(--blue2);border:4px solid #fff;border-radius:17px;display:grid;place-items:center;color:#fff;font-size:26px;box-shadow:0 10px 20px #0d3f9840}.mini-intro{background:#ffffffeb;border:1px solid #dbe6f6;border-radius:28px;padding:20px 30px;box-shadow:0 15px 35px #143d7d1f;text-align:center;font-size:20px;line-height:1.7;font-weight:700;color:var(--blue);width:100%;max-width:600px;margin:10px auto 20px}.mini-intro:after{content:"";display:block;width:60px;height:4px;background:var(--gold);border-radius:10px;margin:13px auto 0}.services{margin-top:18px;display:grid;grid-template-columns:repeat(5,1fr);grid-gap:22px;gap:22px;align-items:stretch}.card{min-height:350px;background:#fffffff0;border:1px solid #dce6f5;border-radius:30px;position:relative;padding:22px 18px 30px;text-align:center;box-shadow:0 12px 30px #1e457d1a;transition:.25s ease;overflow:hidden;cursor:pointer}.card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #1e457d29}.card:before{top:18px;left:18px;width:32px;height:32px;background-image:radial-gradient(currentColor 1.6px,#0000 0);background-size:8px 8px;opacity:.65}.card:after,.card:before{content:"";position:absolute}.card:after{bottom:0;left:0;width:100%;height:12px;background:var(--accent)}.card .icon{width:96px;height:96px;margin:0 auto 13px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent),#000 12%));color:#fff;font-size:43px;box-shadow:inset 0 2px 4px #ffffff80,0 10px 22px #1432642e}.card h2{font-size:27px;margin-bottom:10px;color:var(--accent);font-weight:900}.card p{font-size:15px;line-height:1.9;color:#193d72;min-height:105px}.card .go{display:inline-flex;align-items:center;grid-gap:9px;gap:9px;margin-top:10px;padding:8px 18px;border-radius:14px;background:#f4f7fb;border:1px solid #e0e8f3;color:#173b72;font-size:13px;font-weight:700}.card .arrow{position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:62px;height:62px;border-radius:50%;background:var(--accent);border:5px solid #fff;display:grid;place-items:center;color:#fff;font-size:25px;box-shadow:0 7px 15px #14326438}.payment{--accent:#1f7be8;color:#1f7be8}.ownership{--accent:#4bb52f;color:#4bb52f}.settlement{--accent:#7628e7;color:#7628e7}.maintenance{--accent:#ff9400;color:#ff9400}.messages{--accent:#10a7c7;color:#10a7c7}.benefits{margin:30px 0 14px;background:#ffffffe0;border:1px solid #d8e3f3;border-radius:24px;box-shadow:0 8px 22px #19437d14;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.benefit{min-height:76px;display:flex;justify-content:center;align-items:center;grid-gap:14px;gap:14px;padding:12px 20px;border-left:1px solid #bdcce2;font-size:16px;font-weight:700}.benefit:last-child{border-left:0}.benefit i{font-size:34px;color:var(--blue2)}.benefit.green i{color:#40a934}.benefit.gold i{color:#d69712}.bottom{background:linear-gradient(110deg,#0b3c9d,#0b55c7);color:#fff;border-radius:28px;min-height:150px;display:grid;grid-template-columns:1.1fr 1fr 1.1fr;padding:18px 28px;margin-bottom:28px;box-shadow:0 18px 35px #0737892e}.bottom,.qr-area{align-items:center;grid-gap:20px;gap:20px}.qr-area{display:flex}.qr-area img{width:110px;height:110px;object-fit:contain;background:#fff;padding:8px;border-radius:12px;border:2px solid #fffc;box-sizing:border-box;display:block}.qr-text{font-size:15px;line-height:1.9}.qr-text strong{display:block;color:#fff;font-size:18px;margin-bottom:4px}.start-area{border-right:1px solid #ffffff8c;border-left:1px solid #ffffff8c;text-align:center;padding:0 22px}.start-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:13px;gap:13px;min-width:300px;padding:11px 35px;border-radius:35px;background:linear-gradient(180deg,#ffd55a,#f5ae17);color:#143e89;font-size:27px;font-weight:900;box-shadow:0 7px 0 #b2750029;cursor:pointer;transition:transform .2s ease}.start-btn:hover{transform:translateY(-2px)}.start-area p{margin-top:10px;font-size:15px}.contact{text-align:right}.contact h3{font-size:24px;margin-bottom:10px}.contact-row{display:flex;align-items:center;justify-content:flex-start;grid-gap:15px;gap:15px;margin:7px 0;font-size:16px}.contact-row i{color:#ffd04a;font-size:27px;width:30px;text-align:center}.ownership .go,.payment .go{text-decoration:none;display:inline-flex;align-items:center;grid-gap:9px;gap:9px;margin-top:10px;padding:8px 18px;border-radius:14px;background:#f4f7fb;border:1px solid #e0e8f3;color:#173b72;font-size:13px;font-weight:700;transition:all .3s ease}.ownership .go:hover,.payment .go:hover{background:#e8edf7;transform:translateY(-2px);box-shadow:0 4px 12px #1e457d26}.maintenance .go,.messages .go,.settlement .go{position:relative;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;grid-gap:9px;gap:9px}.maintenance .go .message,.messages .go .message,.settlement .go .message{display:none;color:#ff6b00;font-weight:900;font-size:15px;background:#fff3e0;padding:4px 16px;border-radius:20px;border:2px solid #ff6b00;animation:fadeIn .5s ease;white-space:nowrap}.maintenance .go.clicked,.messages .go.clicked,.settlement .go.clicked{background:#fff3e0;border-color:#ff6b00}.maintenance .go.clicked .message,.messages .go.clicked .message,.settlement .go.clicked .message{display:inline!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:1200px){.header{grid-template-columns:1fr 220px}.building-wrap{width:220px;height:290px}.services{grid-template-columns:repeat(3,1fr)}.card{min-height:330px}}@media(max-width:850px){.header{grid-template-columns:1fr;text-align:center}.building-wrap{justify-self:center}.services{grid-row-gap:40px;row-gap:40px}.benefits,.services{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-left:0}.bottom{grid-template-columns:1fr;text-align:center}.start-area{border:0;border-top:1px solid #ffffff59;border-bottom:1px solid #ffffff59;padding:18px 0}.qr-area{justify-content:center}.contact{text-align:center}.contact-row,.gov-banner-inner{justify-content:center}.gov-banner-inner{flex-wrap:wrap;grid-gap:8px;gap:8px}.gov-logo-left,.gov-logo-right{flex:0 0 auto}.gov-logo-left img,.gov-logo-right img{width:40px;height:40px}.gov-text{order:3;flex:0 0 100%}.mini-intro{max-width:100%;font-size:18px;padding:16px 20px}}@media(max-width:560px){.container{width:92vw}.hero h1{font-size:42px;letter-spacing:-1px}.services{grid-template-columns:1fr;grid-gap:40px;gap:40px}.benefits{grid-template-columns:1fr}.benefit{border-left:0;border-bottom:1px solid #d5e1f0}.benefit:last-child{border-bottom:0}.start-btn{min-width:0;width:100%;font-size:23px}.qr-area{flex-direction:column}.maintenance .go .message,.messages .go .message,.settlement .go .message{font-size:13px;padding:3px 12px;white-space:normal}.mini-intro{font-size:16px;padding:14px 16px;margin:5px 0 15px}}