/* Ahsen TV — Premium Experience v2 / accessible and responsive */
:root{--ink:#10231a;--deep:#06120e;--forest:#0d251b;--mint:#b4ffd0;--lime:#b7f99e;--muted:#64756b;--cream:#f7f7f2;--line:#dfe8df;--radius:24px;--shadow:0 26px 72px rgba(12,37,25,.11)}
html{scroll-padding-top:104px}
body{background:#f7f8f4;letter-spacing:-.012em}
::selection{background:#b6f8a6;color:#10231a}
.shell{width:min(1240px,calc(100% - 64px))}
.topbar{background:#071c13;border-color:#1a3e2a;color:#bbd0bf}
.topbar>.shell{height:35px;font-size:10px;letter-spacing:.13em}
.topbar i{background:#b3ffb8}
.header{background:rgba(252,255,251,.94);border-bottom:1px solid rgba(9,57,28,.10);box-shadow:0 6px 20px rgba(10,28,18,.035)}
.header-row{height:86px}
.brand{gap:15px}
.brand img{height:58px;width:58px;object-fit:cover;border-radius:16px;border:1px solid #dce9de;box-shadow:0 4px 15px #00000015;background:#020403}
.brand-name{font-size:23px;letter-spacing:-.065em}
.brand-desc{font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.nav a{font-weight:700;font-size:12px;color:#455d4e;transition:color .2s}
.nav a:hover{color:#087f3a}
.btn{border-radius:13px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover:not(:disabled){transform:translateY(-2px)}
.btn-dark{background:#112a1d;color:#f5fff7;box-shadow:0 11px 22px #11371c18}
.btn-dark:hover:not(:disabled){background:#215438;box-shadow:0 15px 28px #1a603b25}
.btn-bright{background:#b9ffa9;color:#0a2317;box-shadow:0 13px 40px #a0ff8c29}
.btn-bright:hover{background:#d6ffc6}
.hero{background:#081a12;isolation:isolate}
.hero:before{right:-170px;top:-320px;width:940px;height:940px;background:radial-gradient(circle at center,#3b8f5166 0%,#1e58374c 31%,transparent 65%)}
.hero:after{background-image:linear-gradient(#c1ffb407 1px,transparent 1px),linear-gradient(90deg,#c1ffb407 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent 3%,#000 88%)}
.hero-row{grid-template-columns:1.04fr .96fr;gap:55px;padding:94px 0 106px}
.hero h1{font-size:clamp(53px,5.7vw,88px);max-width:760px;line-height:1.04;letter-spacing:-.075em}
.hero h1 em{font-style:normal;background:linear-gradient(108deg,#e3ffd5,#b1ffac 55%,#6dd9a5);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero p{max-width:560px;font-size:15px;color:#b9cfc0;line-height:1.88}
.eyebrow{font-size:11px;letter-spacing:.19em;color:#a9f4b7;gap:10px}
.hero-buttons{gap:13px;margin-top:34px}
.hero-buttons .btn{min-height:52px;padding:16px 23px}
.hero-facts{margin-top:36px;gap:23px}
.hero-facts .fact{font-weight:700;color:#b6cebb;font-size:11px}
.hero-facts svg{color:#bafda2}
.art-board{min-height:460px;border:1px solid #93c29d40;border-radius:30px;background:radial-gradient(ellipse at 68% 21%,#2f77584f,transparent 48%),linear-gradient(140deg,#224532,#0a1e13 60%,#07180f);box-shadow:0 35px 90px #0007, inset 0 1px 0 #d0ffb326;overflow:hidden}
.art-board:before{border:1px solid #9fe0a73b;border-radius:23px}
.art-board:after{content:"";position:absolute;inset:auto -20% -75% -20%;height:430px;background:radial-gradient(ellipse,#9bff8032,transparent 66%);pointer-events:none}
.art-title{color:#b6dbbd;letter-spacing:.25em}
.art-monogram{font-size:clamp(160px,20vw,300px);letter-spacing:-.14em;font-weight:800;text-shadow:0 15px 70px #42c6632f}
.art-orbit{border-color:#97ecb353;box-shadow:0 0 0 32px #8dfba709,0 0 0 75px #8dfba704}
.art-footer{border-color:#b6ffb62c}
.art-float{background:#ecffe8;color:#0b331e;box-shadow:0 19px 45px #0003;transform:rotate(-3deg);border:1px solid #d1ffd6}
.ribbon{background:#e9f4e9;border-color:#d3e5d4}
.ribbon-item{padding-top:26px;padding-bottom:26px}
.glyph{background:#d9eddb;color:#257848}
.section{padding:108px 0}
.kicker{letter-spacing:.22em;color:#157743}
.section h2,.apply-intro h2{font-size:clamp(37px,4.2vw,58px);letter-spacing:-.069em}
.section-sub{font-size:14px;line-height:1.85}
.service-grid{gap:18px}
.service-card{border:1px solid #dfe7df;border-radius:23px;padding:28px 28px 26px;box-shadow:0 9px 28px rgba(11,54,24,.025);background:#fff;position:relative;overflow:hidden;transition:transform .24s,box-shadow .24s,border-color .24s}
.service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#83df91,transparent);opacity:0;transition:opacity .24s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(9,55,27,.11);border-color:#b6dfbd}
.service-card:hover:before{opacity:1}
.service-card h3{font-size:18px;letter-spacing:-.035em}
.service-card p{line-height:1.85}
.process{background:#102c1d;padding:94px 0;position:relative;overflow:hidden}
.process:after{content:"";position:absolute;width:500px;height:500px;right:-150px;bottom:-280px;background:radial-gradient(circle,#5ac97240,transparent 70%);pointer-events:none}
.process-step{border-top-color:#50705a}
.process-step .number{color:#b0ffad;font-size:15px}
.process-step h3{font-size:20px}
.apply{background:linear-gradient(180deg,#f2f7ef,#f8faf6);padding:110px 0}
.apply-head{margin-bottom:44px}
.apply-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px}
.form-panel{border:1px solid #d8e6d8;border-radius:25px;box-shadow:0 25px 75px rgba(13,52,24,.09)}
.form-top{background:#fff;border-bottom:1px solid #ecf1eb}
.form-topline{letter-spacing:.06em}
.form-content{padding-top:33px;padding-bottom:27px}
.step-title{letter-spacing:-.045em;font-size:clamp(24px,2.4vw,32px)}
.step-lead{color:#718276;line-height:1.85}
.choice{border:1px solid #dce8db;background:#fbfdfa;border-radius:16px;transition:all .18s}
.choice:hover{border-color:#a3c9aa;background:#f1f9ee}
.choice.selected{background:#edfaed;border-color:#54aa73;box-shadow:inset 0 0 0 1px #54aa73,0 7px 19px #2e874b12}
.choice-icon{background:#e0efe1;border-radius:12px;color:#247347}
.field label{color:#3b5642;font-weight:800}
.field input,.field select,.field textarea{border:1px solid #d8e4d9;border-radius:12px;background:#fcfdfb;min-height:46px;transition:border .18s,box-shadow .18s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#58b079;box-shadow:0 0 0 4px #70c78f1a;outline:0}
.field textarea{min-height:165px}
.form-actions{background:#fafffa;border-top:1px solid #e6ede5}
.form-actions .btn{min-height:46px}
.progress span{border-radius:100px}
.progress span.on{background:linear-gradient(90deg,#1a824b,#a0e87d)}
.review{border-radius:16px;background:#f3f9f2;border:1px solid #e0ebdf}
.info{border-radius:15px}
.verified{border-radius:12px;background:#e9f8eb}
.side-panel{background:#102b1c;border-radius:25px;box-shadow:0 25px 60px #102c1f20;overflow:hidden;position:sticky;top:113px}
.side-panel h3{font-size:27px;letter-spacing:-.055em;line-height:1.2}
.side-line{border-color:#356549}
.faq details{padding:23px 25px;border-radius:17px;transition:border .18s,box-shadow .18s}
.faq details[open]{border-color:#a8d7af;box-shadow:0 12px 26px #134f2310}
.faq summary{font-size:14px}
.footer{background:#081b12;border-top:1px solid #1a4329}
.footer-grid{padding-bottom:57px}
.footer a:hover{color:#b4ffbf}
.dialog{border:0;border-radius:24px;padding:35px;box-shadow:0 30px 90px #07180f65;max-width:min(640px,calc(100% - 24px))}
.dialog::backdrop{background:rgba(5,22,13,.65);backdrop-filter:blur(7px)}
.hidden{display:none!important}
.site-status{display:flex;align-items:center;gap:10px;border:1px solid #d9e9d8;border-radius:14px;padding:13px 15px;font-size:12px;line-height:1.5;background:#f5faf3;color:#3c6145}
.site-status b{color:#1e793a}
.site-status .dot{width:8px;height:8px;border-radius:100%;background:#c58a35;flex:none;box-shadow:0 0 0 4px #e7d4b832}
.site-status.ready .dot{background:#24a35e;box-shadow:0 0 0 4px #24a35e22}
.otp-status{min-height:17px}
.otp-input{font-variant-numeric:tabular-nums;letter-spacing:.32em;font-size:20px!important}
@media(max-width:1060px){.hero-row{gap:35px}.apply-layout{grid-template-columns:minmax(0,1fr) 270px}.hero h1{font-size:clamp(50px,6vw,73px)}}
@media(max-width:850px){.shell{width:calc(100% - 42px)}.header-row{height:74px}.nav{top:74px}.hero-row{grid-template-columns:1fr;padding:66px 0 78px}.hero-art{max-width:600px;width:100%;margin:0 auto}.art-board{min-height:380px}.apply-layout{grid-template-columns:1fr}.side-panel{position:static}.service-grid{gap:14px}.section{padding:80px 0}}
@media(max-width:590px){.shell{width:calc(100% - 32px)}.brand img{width:49px;height:49px;border-radius:12px}.brand-name{font-size:19px}.hero-row{padding:59px 0 72px}.hero h1{font-size:clamp(47px,11vw,67px)}.hero p{font-size:13px}.hero-buttons .btn{width:100%}.hero-facts{flex-wrap:wrap;gap:16px;margin-top:29px}.art-board{min-height:310px;border-radius:22px}.art-float{right:-5px;bottom:-12px;font-size:10px}.section h2,.apply-intro h2{font-size:38px}.section{padding:69px 0}.apply{padding:72px 0}.form-panel{border-radius:20px}.service-card{padding:24px}.topbar>.shell{font-size:8px;letter-spacing:.06em}.form-content{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Original Ahsen TV logo, elevated as the hero artwork. */
.art-monogram.emblem{position:relative;z-index:1;width:245px;height:245px;margin:auto;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#112c1c 48%,#091d12 100%);border:1px solid #b0ffab40;box-shadow:0 0 0 20px #a1fca50a,0 0 0 43px #a1fca507,0 23px 80px #0007;letter-spacing:normal}
.art-monogram.emblem img{width:84%;height:84%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 8px 18px #6cff8b20)}
@media(max-width:590px){.art-monogram.emblem{width:195px;height:195px}}
