@import url("https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap");

@property --t{syntax:'<color>';inherits:true;initial-value:#E8F1FF}
@property --p{syntax:'<color>';inherits:true;initial-value:#2F6BFF}
@property --q{syntax:'<color>';inherits:true;initial-value:#FFB020}
.ahw-sky{--skyt:#E8F1FF;--skyp:#2F6BFF;--skyq:#FFB020;--skyink:#0B1B3A;--skymut:#5B6B8C;--skyln:rgba(11,27,58,.09);--skyok:#16B364;--skyer:#F04438;transition:--skyt .9s ease,--skyp .9s ease,--skyq .9s ease;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--skyink:#0B1B3A}}
.ahw-sky[data-theme="dark"]{--skyink:#0B1B3A}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;letter-spacing:0}
.ahw-sky{margin:0;height:100%;background:var(--skyt);color:var(--skyink);font-family:'Hind Siliguri','Kohinoor Bengali','Bangla Sangam MN','Noto Sans Bengali',system-ui,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}
#sky-app{position:relative;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--skyt) 0%,color-mix(in srgb,var(--skyt) 40%,#fff) 60%,#fff 100%)}
.cl{position:absolute;border-radius:50%;background:#fff;filter:blur(26px);opacity:.7;animation:cd linear infinite}
.cl:nth-child(1){width:220px;height:90px;top:14%;left:-240px;animation-duration:44s}.cl:nth-child(2){width:260px;height:100px;top:52%;left:-300px;animation-duration:58s;animation-delay:-22s;opacity:.5}
@keyframes cd{to{translate:calc(100vw + 560px) 0}}
.top{position:absolute;left:20px;top:12px;z-index:6;display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;opacity:0;transition:opacity .6s}
.top.vis{opacity:1}.top em{font-style:normal;color:var(--skyp);transition:color .9s}
.mk{width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#6FB1FF,var(--skyp) 60%,#6A4BEE);display:grid;place-items:center;box-shadow:0 8px 16px -6px rgba(31,95,224,.6),inset 0 1px 0 rgba(255,255,255,.4)}
.mk svg{width:22px;height:22px}
.band{position:absolute;left:0;right:0;top:54px;bottom:86px;display:grid;place-items:center;transition:transform .9s cubic-bezier(.7,0,.2,1),filter .9s,opacity .9s}
.fit{position:relative;width:390px;height:640px;scale:var(--s,1);flex:none}
.sc{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease}.sc.on{opacity:1}
.line{position:absolute;left:0;right:0;bottom:2px;text-align:center;font-size:18px;font-weight:600;opacity:0;translate:0 10px}
.on .line{animation:up .8s .6s ease forwards}
@keyframes up{to{opacity:1;translate:0 0}}
@keyframes pin{from{opacity:0;translate:0 24px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
.tap{position:absolute;width:46px;height:46px;margin:-23px;border-radius:50%;border:2px solid var(--skyp);background:color-mix(in srgb,var(--skyp) 18%,transparent);opacity:0}
@keyframes tp{0%{opacity:0;scale:.3}30%{opacity:1;scale:1}100%{opacity:0;scale:2.3}}
#a.on .tap{animation:tp .9s 4.1s ease-out}
/* logo */
.tile{position:relative;width:132px;height:132px;border-radius:38px;background:linear-gradient(145deg,#74B6FF 0%,var(--skyp) 55%,#6A4BEE 100%);display:grid;place-items:center;box-shadow:0 34px 50px -20px rgba(31,95,224,.65),inset 0 2px 0 rgba(255,255,255,.55),inset 0 -10px 18px rgba(20,40,150,.3);animation:sw 6s ease-in-out infinite;transform-style:preserve-3d}
.tile:before{content:"";position:absolute;top:-30%;left:-20%;width:80%;height:80%;background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent)}
@keyframes sw{0%,100%{transform:perspective(600px) rotateY(-12deg) rotateX(6deg)}50%{transform:perspective(600px) rotateY(12deg) rotateX(-4deg)}}
.tile svg{width:96px;height:96px;position:relative;overflow:visible;fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 6px rgba(10,30,120,.35))}
.chv{stroke-dasharray:100;stroke-dashoffset:100}.cap{opacity:0}.cf{fill:#fff;stroke-width:4}.cap path{stroke-width:4}
.str{fill:var(--skyq);stroke:none;opacity:0;transform-box:fill-box;transform-origin:center}
.trl{stroke:var(--skyq);stroke-width:3;stroke-dasharray:4 7;opacity:0}
.on .chv{animation:dr .6s .1s ease forwards}.on .cap{animation:cd2 .5s .65s cubic-bezier(.3,1.6,.5,1) forwards}
.on .trl{animation:tr .9s .9s ease forwards}.on .str{animation:fly .9s .9s cubic-bezier(.4,0,.2,1) forwards,twk 2s 1.9s ease-in-out infinite}
@keyframes dr{to{stroke-dashoffset:0}}@keyframes cd2{from{opacity:0;transform:translateY(-34px)}to{opacity:1;transform:translateY(0)}}
@keyframes tr{0%{opacity:0}30%,70%{opacity:.8}100%{opacity:0}}
@keyframes fly{0%{opacity:0;transform:translate(-80px,84px) scale(.4)}25%{opacity:1}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes twk{50%{transform:scale(.7) rotate(25deg)}}
.nm{margin-top:30px;font-size:34px;font-weight:700;text-align:center;letter-spacing:-.4px;opacity:0}.nm em{font-style:normal;color:var(--skyp)}
.on .nm{animation:up .8s 3s forwards}
.spw{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:20px}
.phil{margin-top:22px;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.phil span{padding:6px 13px;border-radius:14px;background:#fff;color:var(--skymut);box-shadow:0 8px 14px -10px rgba(11,27,58,.5);opacity:.3;transition:all .5s}
.phil span.hi{opacity:1;color:#fff;background:linear-gradient(120deg,var(--skyp),var(--skyq))}
.phil i{font-style:normal;color:var(--skymut);opacity:.5}
.ldr{margin-top:38px;width:210px;height:5px;border-radius:3px;background:rgba(11,27,58,.1);overflow:hidden}.ldr u{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--skyp),var(--skyq))}
.ldt{margin-top:10px;font-size:13.5px;color:var(--skymut)}
/* student */
.stu{position:absolute;left:45px;top:150px;width:300px;height:300px;overflow:visible;opacity:0}.on .stu{animation:pin .9s .2s cubic-bezier(.2,.9,.2,1) forwards}
.stu .mf{opacity:1}.stu .mo,.stu .ms,.stu .ck{opacity:0}
#a.on .mf{animation:o0 .01s 2.4s forwards}#a.on .mo{animation:o1 .01s 2.4s forwards,o0 .01s 4.1s forwards}#a.on .ms{animation:o1 .4s 4.1s forwards}
#a.on .br{animation:brr .4s 2.4s forwards}
@keyframes o0{to{opacity:0}}@keyframes o1{to{opacity:1}}@keyframes brr{to{transform:translateY(-6px)}}
.tidy .mf{opacity:0!important;animation:none!important}.tidy .ms,.tidy .ck{opacity:1!important}.tidy .br{transform:translateY(-4px)}
.drift{animation:dft 4s ease-in-out infinite}@keyframes dft{50%{transform:translateY(-6px) rotate(3deg)}}
.phn{animation:bz .6s 2.2s 2}@keyframes bz{25%{transform:translateX(-4px) rotate(-8deg)}75%{transform:translateX(4px) rotate(-8deg)}}
.qm{position:absolute;font-weight:700;color:var(--skyq);font-size:28px;opacity:0;animation:none}
.on .qm{animation:qq 2s var(--d) ease-in-out 1}@keyframes qq{0%{opacity:0;translate:0 14px}30%,70%{opacity:1;translate:0 0}100%{opacity:0;translate:0 -10px}}
.ban{position:absolute;left:14px;right:14px;top:0;display:flex;gap:11px;padding:12px 14px;border-radius:24px;background:rgba(255,255,255,.92);box-shadow:0 20px 34px -16px rgba(11,27,58,.5);opacity:0;translate:0 -120px;z-index:5}
.on .ban{animation:bn .8s 2.2s cubic-bezier(.2,.9,.2,1.15) forwards,bp .4s 4.1s forwards}
@keyframes bn{to{opacity:1;translate:0 4px}}@keyframes bp{50%{scale:.97}}
.av{width:44px;height:44px;border-radius:50%;flex:none;position:relative;background:linear-gradient(145deg,#C9D8FF,#E7DDFF)}.av svg{width:100%;height:100%;display:block}
.av:after{content:"";position:absolute;right:-2px;bottom:-2px;width:15px;height:15px;border-radius:50%;background:var(--skyok);border:2.5px solid #fff}
.ban b{font-size:15px}.ban small{float:right;font-size:12px;color:var(--skymut)}.ban p{margin:2px 0 0;font-size:14px;line-height:1.4;color:#26324F}
/* chat */
#b{clip-path:circle(0 at 50% 5%);transition:clip-path 1.1s cubic-bezier(.6,0,.2,1),opacity .5s}#b.on{clip-path:circle(150% at 50% 5%)}
.chd{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:12px;padding:6px 22px 14px;border-bottom:1px solid var(--skyln)}
.chd b{font-size:17px;display:block}.chd small{font-size:12.5px;color:var(--skymut);display:flex;align-items:center;gap:5px}.chd small i{width:7px;height:7px;border-radius:50%;background:var(--skyok)}
.orb{width:46px;height:46px;border-radius:50%;flex:none;background:radial-gradient(circle at 32% 28%,#fff 0 10%,#9CC4FF 30%,var(--skyp) 65%,#6A3FE0 100%);box-shadow:0 12px 20px -8px color-mix(in srgb,var(--skyp) 80%,transparent);animation:ob 3.6s ease-in-out infinite}@keyframes ob{50%{translate:0 -4px}}
.msgs{position:absolute;left:18px;right:18px;top:82px;display:flex;flex-direction:column;gap:14px}
.m{max-width:292px;font-size:15.5px;line-height:1.5;padding:12px 15px;border-radius:20px;position:relative;opacity:0}
.on .m{animation:pin .6s var(--d) cubic-bezier(.2,.9,.2,1) forwards}
.m.me{align-self:flex-end;background:linear-gradient(130deg,var(--skyp),color-mix(in srgb,var(--skyp) 65%,var(--skyq)));color:#fff;border-bottom-right-radius:6px;margin-right:38px}
.m.ai{align-self:flex-start;background:#fff;box-shadow:0 10px 20px -14px rgba(11,27,58,.45);border-bottom-left-radius:6px;min-height:84px;width:286px}
.m .fa{position:absolute;right:-42px;bottom:-4px;width:34px;height:34px;border-radius:50%;background:#E7EDFF;overflow:hidden}.fa svg{width:100%;height:100%;display:block}
.m.ai .tx,.m.ai .dt{position:absolute;inset:12px 15px}.m.ai .tx{opacity:0}.on .m.ai .tx{animation:o1 .5s 2.7s forwards}.on .m.ai .dt{animation:o0 .3s 2.65s forwards}
.dt{display:flex;align-items:center;gap:5px}.dt i{width:8px;height:8px;border-radius:50%;background:var(--skyp);animation:dj .9s infinite}.dt i:nth-child(2){animation-delay:.15s}.dt i:nth-child(3){animation-delay:.3s}@keyframes dj{50%{translate:0 -6px;opacity:.4}}
.spk{position:absolute;width:14px;height:14px;background:var(--skyq);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:0}
.on .spk{animation:sp 1.4s var(--d) ease-out forwards}@keyframes sp{0%{opacity:0;scale:.2}30%{opacity:1;scale:1.2}100%{opacity:0;translate:var(--x) var(--y)}}
/* routine */
.hdr{position:absolute;left:24px;top:6px;font-size:21px;font-weight:700}
.lab{position:absolute;left:24px;font-size:14px;color:var(--skymut);font-weight:500}
.chs{position:absolute;left:24px;right:24px;top:74px;display:flex;gap:10px}
.chs i{flex:1;text-align:center;font-style:normal;font-size:14.5px;font-weight:600;padding:11px 0;border-radius:14px;background:#fff;box-shadow:0 8px 14px -10px rgba(11,27,58,.45);transition:all .3s}
.on .chs i:nth-child(2){animation:sel .4s 1.3s forwards}@keyframes sel{to{background:var(--skyp);color:#fff;scale:1.04}}
.sld{position:absolute;left:24px;right:24px;top:168px;height:8px;border-radius:4px;background:#DCE4F4}
.sld u{position:absolute;left:0;top:0;height:100%;width:20%;border-radius:4px;background:linear-gradient(90deg,var(--skyp),var(--skyq))}
.sld s{position:absolute;top:50%;left:20%;width:26px;height:26px;margin:-13px;border-radius:50%;background:#fff;box-shadow:0 6px 14px rgba(11,27,58,.3),0 0 0 4px color-mix(in srgb,var(--skyp) 30%,transparent)}
.on .sld u{animation:sl 1.4s 1.9s cubic-bezier(.4,0,.2,1) forwards}.on .sld s{animation:sh 1.4s 1.9s cubic-bezier(.4,0,.2,1) forwards}
@keyframes sl{to{width:72%}}@keyframes sh{to{left:72%}}
.hv{position:absolute;right:0;top:-32px;font-weight:700;font-size:16px;color:var(--skyp);display:flex;gap:4px}.hv em{font-style:normal;position:absolute;right:50px;opacity:0}.hv span{margin-left:14px}
.on .hv em{animation:hv .4s calc(1.9s + var(--i)*.42s) forwards}.on .hv em:not(:last-of-type){animation:hv2 .42s calc(1.9s + var(--i)*.42s) forwards}
@keyframes hv{to{opacity:1}}@keyframes hv2{0%{opacity:1}99%{opacity:1}100%{opacity:0}}
.gob{position:absolute;left:24px;right:24px;top:222px;height:52px;border:0;border-radius:16px;font:600 16.5px 'Hind Siliguri',sans-serif;color:#fff;background:linear-gradient(120deg,var(--skyp),color-mix(in srgb,var(--skyp) 55%,var(--skyq)));box-shadow:0 14px 26px -12px color-mix(in srgb,var(--skyp) 80%,transparent)}
.on .gob{animation:pr .5s 3.5s}@keyframes pr{50%{scale:.96}}
.ldg{position:absolute;left:0;right:0;top:310px;text-align:center;font-size:14.5px;color:var(--skymut);opacity:0}.ldg:before{content:"";display:block;width:26px;height:26px;margin:0 auto 8px;border-radius:50%;border:3px solid #DCE4F4;border-top-color:var(--skyp);animation:spn .8s linear infinite}@keyframes spn{to{rotate:360deg}}
.on .ldg{animation:ld 1.2s 3.8s forwards}@keyframes ld{0%{opacity:0}20%,80%{opacity:1}100%{opacity:0}}
.tt{position:absolute;left:24px;right:24px;top:300px;background:#fff;border-radius:22px;padding:14px;box-shadow:0 16px 28px -16px rgba(11,27,58,.45);opacity:0}
.on .tt{animation:pin .6s 4.9s forwards}
.th{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15.5px;margin-bottom:10px}
.pl{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:11px;background:#E7F8EF;color:#0A7D48}
.gr{display:flex;justify-content:space-between;align-items:flex-end;height:150px}
.cn{width:38px;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;height:100%;font-size:12px;color:var(--skymut);text-align:center}
.bl{border-radius:9px;opacity:0;height:var(--h)}.on .bl{animation:bd .5s calc(5.2s + var(--k)*.07s) cubic-bezier(.3,1.4,.5,1) forwards}@keyframes bd{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}
.cn:nth-child(odd) .bl.c{background:var(--skyp)}.bl.c{background:var(--skyq)}.bl.d{background:color-mix(in srgb,var(--skyp) 40%,#fff)}
.tp1{left:56%;top:98px}.tp2{left:50%;top:248px}
.on .tp1{animation:tp .9s 1.2s ease-out}.on .tp2{animation:tp .9s 3.4s ease-out}
/* exam */
.eh{position:absolute;left:24px;right:24px;top:2px;display:flex;justify-content:space-between;align-items:center}
.eh b{font-size:19px}.tm{font-weight:700;font-size:14.5px;padding:7px 12px;border-radius:13px;background:#fff;color:var(--skyer);box-shadow:0 8px 14px -10px rgba(11,27,58,.5)}
.pg{position:absolute;left:24px;right:24px;top:52px;height:6px;border-radius:3px;background:#DCE4F4;overflow:hidden}.pg u{display:block;height:100%;width:40%;background:linear-gradient(90deg,var(--skyp),var(--skyq));border-radius:3px}
.qt{position:absolute;left:24px;right:24px;top:76px;font-size:14px;color:var(--skymut);font-weight:500}.qq{position:absolute;left:24px;right:24px;top:100px;font-size:21px;font-weight:700;line-height:1.4}
.ops{position:absolute;left:24px;right:24px;top:158px;display:grid;gap:10px}
.op{display:flex;align-items:center;gap:12px;height:52px;padding:0 14px;background:#fff;border-radius:16px;border:1.5px solid transparent;font-size:16.5px;font-weight:500;box-shadow:0 10px 18px -14px rgba(11,27,58,.45)}
.op i{width:28px;height:28px;border-radius:9px;background:#EEF2FA;display:grid;place-items:center;font-style:normal;font-size:13px;font-weight:600;color:var(--skymut)}
.on .op.w1{animation:wr 1s 1.3s forwards}.on .op.w1 i{animation:wi .3s 1.3s forwards}.on .op.r1{animation:ro .5s 3.1s forwards}.on .op.r1 i{animation:ri .4s 3.1s forwards}
@keyframes wr{0%{translate:0 0}12%{translate:-8px 0}24%{translate:8px 0}36%{translate:-5px 0}48%,100%{translate:0 0;border-color:var(--skyer);background:#FEF0EE}}
@keyframes wi{to{background:var(--skyer);color:#fff}}@keyframes ro{to{border-color:var(--skyok);background:#E9F8F0}}@keyframes ri{to{background:var(--skyok);color:#fff}}
.ex{position:absolute;left:24px;right:24px;top:392px;display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:18px;padding:12px 14px;font-size:14.5px;line-height:1.5;font-weight:500;box-shadow:0 12px 22px -14px rgba(11,27,58,.45);opacity:0}
.on .ex{animation:pin .6s 1.9s forwards}.ex .orb{width:34px;height:34px}
.sub{position:absolute;left:24px;right:24px;top:500px;height:50px;border:0;border-radius:16px;font:600 16px 'Hind Siliguri',sans-serif;color:#fff;background:linear-gradient(120deg,var(--skyp),color-mix(in srgb,var(--skyp) 55%,var(--skyq)));opacity:0}
.on .sub{animation:pin .5s 3.7s forwards,pr .5s 4.5s}
.tp3{left:50%;top:525px}.on .tp3{animation:tp .9s 4.4s ease-out}.tp4{left:62%;top:222px}.on .tp4{animation:tp .9s .9s ease-out}
.rs{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;opacity:0;border-radius:24px}
.on .rs{animation:o1 .6s 5s forwards}
.rr{position:relative;width:150px;height:150px;display:grid;place-items:center}.rr svg{position:absolute;inset:0;rotate:-90deg}.rr circle{fill:none;stroke-width:13;stroke-linecap:round}
.rr .a{stroke:#E3E9F6}.rr .b{stroke:url(#g2);stroke-dasharray:377;stroke-dashoffset:377}.on .rr .b{animation:rf 1.5s 5.2s cubic-bezier(.3,.6,.2,1) forwards}@keyframes rf{to{stroke-dashoffset:38}}
.rr b{font-size:38px}.rs strong{font-size:20px}.rs small{font-size:14.5px;color:var(--skymut);text-align:center;max-width:260px;line-height:1.5}
/* final */
.fl{position:absolute;left:0;right:0;top:48px;text-align:center;font-size:24px;font-weight:700;line-height:1.4;opacity:0}.on .fl{animation:up .8s .5s forwards}
#fin .stu{top:130px}
/* CTA */
.cta{position:absolute;left:24px;right:24px;bottom:16px;z-index:6;transition:opacity .5s}
.go{position:relative;overflow:hidden;width:100%;height:54px;border:0;border-radius:18px;font:600 17px 'Hind Siliguri',sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;color:#7B8CB3;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px var(--skyln);transition:all 1s cubic-bezier(.2,.9,.2,1)}
.go svg{stroke:currentColor}
.go.lit{color:#fff;background:linear-gradient(120deg,var(--skyp),color-mix(in srgb,var(--skyp) 55%,var(--skyq)));box-shadow:0 16px 30px -12px color-mix(in srgb,var(--skyp) 85%,transparent),inset 0 1px 0 rgba(255,255,255,.4);animation:gl 2.6s ease-in-out infinite}
@keyframes gl{50%{box-shadow:0 16px 40px -8px color-mix(in srgb,var(--skyq) 90%,transparent),inset 0 1px 0 rgba(255,255,255,.4)}}
.go.lit:after{content:"";position:absolute;top:0;left:-40%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shn 3.2s ease-in-out infinite}@keyframes shn{0%{left:-40%}45%,100%{left:130%}}
.go.lit svg{animation:ar 1.4s ease-in-out infinite}@keyframes ar{50%{translate:5px 0}}.go:active{scale:.98}

.vw{inset:40px 0 64px!important}.vw .line,.vw .tap{display:none}
#b{clip-path:none!important;transition:opacity .5s!important}
#sky-app.splash .cta{opacity:0;pointer-events:none}
.deskbg{position:absolute;inset:0;opacity:0;transition:opacity 1s;background:repeating-linear-gradient(92deg,rgba(120,90,50,.04) 0 2px,transparent 2px 9px),linear-gradient(180deg,#EDE5DA,#E4DACB)}
.desk .deskbg{opacity:1}.desk .cl{opacity:0}
.ring{position:absolute;width:236px;height:236px;rotate:-90deg;overflow:visible}.ring circle{fill:none;stroke-width:5;stroke-linecap:round}.rb{stroke:rgba(47,107,255,.14)}.rf{stroke:url(#rgr);stroke-dasharray:691;stroke-dashoffset:691}
.on .rf{animation:rgf 2s linear forwards}@keyframes rgf{to{stroke-dashoffset:0}}
.halo{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--skyp) 28%,transparent),transparent);animation:hlo 2.6s ease-in-out infinite}@keyframes hlo{50%{scale:1.18;opacity:.6}}
.tile.big{width:150px;height:150px;border-radius:44px}.tile.big svg{width:112px;height:112px}
.tag{position:absolute;left:50%;top:-4px;translate:-50% 0;z-index:7;display:flex;align-items:center;gap:8px;padding:7px 15px;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 20px -12px rgba(11,27,58,.5);font-size:14px;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .5s}
.tag.vis{opacity:1}.tag:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--skyq)}
.td{position:absolute;inset:0;opacity:0;transition:opacity .8s}.td.on{opacity:1}
.tdi{position:absolute;border-radius:8px;rotate:var(--r);box-shadow:0 18px 26px -14px rgba(60,40,20,.5)}
.td.on .tdi{animation:tdin .9s var(--d) cubic-bezier(.2,.9,.3,1) backwards}@keyframes tdin{from{opacity:0;scale:1.15;translate:0 -20px}}
.tdi.b{background:linear-gradient(90deg,rgba(0,0,0,.16) 0 8%,transparent 8%),var(--c)}
.tdi.pp{background:#fff}.tdi.pp:after{content:"";position:absolute;left:12%;right:12%;top:14%;height:2px;background:#D9DEEA;box-shadow:0 9px #D9DEEA,0 18px #D9DEEA,0 27px #D9DEEA,0 36px #D9DEEA}
.mug2{border-radius:50%;background:#fff;border:6px solid #F6F0E8}.mug2:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#7A4B2A}
.cam{position:absolute;left:50%;top:50%;width:410px;height:700px;margin:-350px 0 0 -205px;opacity:0;transition:transform 1.5s cubic-bezier(.6,0,.2,1),opacity .8s;transform:translateY(40px) scale(.4);pointer-events:none}
.cam.show{opacity:1}
.cam.c-td{transform:translateY(30px) rotate(-7deg) scale(.45)}
.cam.c-hand{transform:perspective(1000px) translateY(8px) rotateX(11deg) rotateY(-17deg) scale(.72)}
.cam.c-flat{transform:perspective(1000px) translateY(10px) scale(.77)}
.cam.c-tr{transform:perspective(1000px) translateY(10px) rotateY(14deg) rotateX(3deg) scale(.75)}
.cam.c-dn{transform:perspective(1000px) translateY(10px) rotateX(15deg) rotateY(-9deg) scale(.74)}
.dev{position:absolute;inset:0;border-radius:56px;background:linear-gradient(145deg,#2A3656,#0B1226);box-shadow:0 60px 70px -34px rgba(11,27,58,.65),inset 0 0 0 2px #3C4A70,inset 0 0 0 5px #0B1226}
.scr{position:absolute;inset:10px;border-radius:46px;overflow:hidden;background:#F5F8FF;color:var(--skyink)}
.isl{position:absolute;top:11px;left:50%;width:108px;height:30px;margin-left:-54px;border-radius:15px;background:#000;z-index:9}
.sbar{position:absolute;left:0;right:0;top:0;height:40px;z-index:8;display:flex;justify-content:space-between;align-items:center;padding:6px 32px 0;font-size:14px;font-weight:700}
.sbar i{width:24px;height:12px;border-radius:4px;border:1.5px solid var(--skyink);position:relative}.sbar i:after{content:"";position:absolute;inset:1.5px 7px 1.5px 1.5px;background:var(--skyink);border-radius:2px}
.hp,.hf,.hb{position:absolute;opacity:0;transition:opacity .8s;background:linear-gradient(90deg,#E3A87C,#F1C29B);box-shadow:0 8px 12px -6px rgba(60,30,10,.5)}
.hp{left:26px;right:-10px;bottom:-26px;height:100px;border-radius:60px;z-index:-1}
.hf{right:-30px;width:62px;height:34px;border-radius:17px;z-index:3}.hb{left:-34px;top:500px;width:66px;height:36px;border-radius:18px;rotate:22deg;z-index:3}
.cam.held .hp,.cam.held .hf,.cam.held .hb{opacity:1}
.mh{position:absolute;left:0;right:0;top:-40px;display:flex;align-items:center;gap:12px;padding:46px 18px 12px;border-bottom:1px solid var(--skyln);background:#fff}
.mh b{font-size:17px;display:block}.mh small{font-size:12.5px;color:var(--skyok)}.mh .av{width:40px;height:40px}.mh .av:after{display:none}
.mb{position:absolute;max-width:290px;padding:12px 15px;border-radius:20px;font-size:15.5px;line-height:1.5;opacity:0}
.mb.f{left:18px;background:#fff;box-shadow:0 10px 18px -14px rgba(11,27,58,.5);border-bottom-left-radius:6px}
.mb.m{right:18px;background:var(--skyp);color:#fff;border-bottom-right-radius:6px}
.on .mb{animation:pin .5s var(--d) cubic-bezier(.2,.9,.2,1) forwards}
.on .mb.ty{animation:pin .4s 1.9s forwards,o0 .2s 2.6s forwards}
.lk{position:absolute;left:18px;width:300px;top:318px;display:flex;align-items:center;gap:13px;padding:14px;border-radius:22px;background:#fff;box-shadow:0 16px 28px -16px rgba(11,27,58,.55);opacity:0}
.on .lk{animation:pin .6s 2.9s cubic-bezier(.2,.9,.2,1) forwards}
.lnt{width:48px;height:48px;border-radius:15px;flex:none;background:linear-gradient(145deg,#74B6FF,#2F6BFF 55%,#6A4BEE);display:grid;place-items:center;box-shadow:0 10px 18px -8px rgba(47,107,255,.7)}
.lk b{display:block;font-size:16px}.lk small{font-size:12.5px;color:var(--skymut)}.lk em{margin-left:auto;font-style:normal;font-size:13px;font-weight:700;color:#fff;background:var(--skyp);padding:6px 12px;border-radius:12px}
.lnc{position:absolute;inset:0;background:#fff;z-index:7;display:grid;place-items:center;opacity:0;pointer-events:none}
.lnc.go{animation:lnc 1.4s ease forwards}@keyframes lnc{0%{opacity:1}70%{opacity:1}100%{opacity:0}}
.lnc .lnt{width:96px;height:96px;border-radius:30px;animation:lnp .7s ease-in-out infinite alternate}@keyframes lnp{to{scale:1.08}}
.hmg{position:absolute;left:24px;top:12px;font-size:14px;color:var(--skymut)}.hmn{position:absolute;left:24px;top:34px;font-size:26px;font-weight:700}
.hmp{position:absolute;left:24px;right:24px;top:90px;height:120px;border-radius:26px;background:linear-gradient(130deg,var(--skyp),color-mix(in srgb,var(--skyp) 45%,var(--skyq)));color:#fff;padding:18px 20px;box-shadow:0 20px 34px -16px color-mix(in srgb,var(--skyp) 80%,transparent)}
.hmp small{opacity:.85;font-size:13.5px}.hmp b{display:block;font-size:22px;margin:4px 0 14px}.hmp u{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.28)}.hmp u:after{content:"";display:block;height:100%;width:62%;border-radius:4px;background:#fff}
.hmt{position:absolute;border-radius:24px;background:#fff;box-shadow:0 14px 26px -18px rgba(11,27,58,.55);font-size:16.5px;font-weight:700}.hmt small{display:block;font-size:12.5px;color:var(--skymut);font-weight:500;margin-top:2px}
.t1{left:24px;right:24px;top:230px;height:112px;display:flex;align-items:center;gap:16px;padding:0 20px;border:2px solid color-mix(in srgb,var(--skyp) 25%,transparent)}
.t2,.t3{top:358px;width:164px;height:128px;padding:18px}.t2{left:24px}.t3{right:24px}
.ito{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;margin-bottom:12px;background:color-mix(in srgb,var(--skyp) 14%,#fff)}.t3 .ito{background:color-mix(in srgb,var(--skyq) 22%,#fff)}
.ito svg{width:24px;height:24px;stroke:var(--skyp);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.t3 .ito svg{stroke:color-mix(in srgb,var(--skyq) 80%,#000)}
.t1 .orb{width:56px;height:56px}
.on .hmg,.on .hmn,.on .hmp,.on .hmt{opacity:0;animation:pin .6s calc(1.1s + var(--i)*.12s) cubic-bezier(.2,.9,.2,1) forwards}
.t1.pr{scale:.97;transition:scale .2s}
.tb{position:absolute;left:0;right:0;bottom:0;height:64px;background:rgba(255,255,255,.95);border-top:1px solid var(--skyln);display:grid;grid-template-columns:repeat(4,1fr);z-index:6;transform:translateY(100%);transition:transform .6s cubic-bezier(.2,.9,.2,1)}
.tb.on{transform:none}.tb i{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-style:normal;font-size:11.5px;font-weight:600;color:#8A97B5;transition:color .3s}
.tb i svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.tb i.act{color:var(--skyp)}
.fing{position:absolute;left:0;top:0;width:44px;height:100px;translate:var(--fx,170px) var(--fy,780px);opacity:0;transition:translate .75s cubic-bezier(.3,.7,.2,1),opacity .3s,scale .2s;z-index:10;pointer-events:none;rotate:-14deg;transform-origin:22px 0}
.fing.show{opacity:1}.fing.press{scale:.92}.fing svg{width:100%;height:100%;filter:drop-shadow(0 8px 8px rgba(40,20,10,.35))}
.fing:after{content:"";position:absolute;left:-8px;top:-8px;width:60px;height:60px;border-radius:50%;border:2px solid var(--skyp);opacity:0}.fing.press:after{animation:tp .6s ease-out}
.pip{position:absolute;right:2px;top:50px;z-index:7;width:74px;height:74px;border-radius:50%;background:#fff;padding:4px;box-shadow:0 16px 26px -12px rgba(11,27,58,.55);opacity:0;scale:.6;transition:all .6s cubic-bezier(.2,.9,.2,1)}
.pip.vis{opacity:1;scale:1}.pip svg{width:100%;height:100%;border-radius:50%;background:#E7EDFF}.pip .h{display:none}.pip.hap .h{display:block}.pip.hap .n{display:none}
.pip:after{content:"রাহিম";position:absolute;left:50%;bottom:-12px;translate:-50% 0;font-size:11.5px;font-weight:700;background:var(--skyp);color:#fff;padding:2px 9px;border-radius:9px}
.rip{position:absolute;left:var(--ox);top:var(--oy);width:60px;height:60px;margin:-30px;border-radius:50%;border:3px solid var(--skyq);opacity:0;z-index:19;pointer-events:none}
#sky-app.open .rip{animation:rp 1s ease-out}#sky-app.open .rip+.rip{animation:rp 1s .15s ease-out}@keyframes rp{0%{opacity:.9;scale:.4}100%{opacity:0;scale:14}}
.auth{position:absolute;inset:0;z-index:20;background:radial-gradient(120% 55% at 90% 0%,rgba(124,92,255,.22),transparent 60%),radial-gradient(90% 45% at 0% 100%,rgba(255,176,32,.18),transparent 60%),linear-gradient(180deg,#E3EEFF 0%,#F6F9FF 55%,#fff 100%);clip-path:circle(0 at var(--ox,50%) var(--oy,90%));transition:clip-path 1.2s cubic-bezier(.7,0,.2,1);pointer-events:none;padding:8px 22px 22px;display:flex;flex-direction:column}
#sky-app.open .auth{clip-path:circle(160% at var(--ox,50%) var(--oy,90%));pointer-events:auto}
#sky-app.open .band{transform:scale(.9);filter:blur(8px);opacity:.3}#sky-app.open .top,#sky-app.open .cta{opacity:0}
.bk2{width:40px;height:40px;border-radius:14px;border:0;background:#fff;box-shadow:0 8px 16px -10px rgba(11,27,58,.45);display:grid;place-items:center;margin-top:8px}.bk2 svg{width:18px;height:18px;stroke:var(--skyink);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.hd{flex:1;display:grid;place-content:center;justify-items:center;text-align:center}.hd .tile{width:104px;height:104px;border-radius:32px}.hd .tile svg{width:76px;height:76px}
#sky-app.open .hd .tile{animation:sw 6s ease-in-out infinite,lgp 1.2s .5s cubic-bezier(.2,.9,.2,1.2) both}@keyframes lgp{from{opacity:0;scale:.4}}
.hd .nm{font-size:30px;margin-top:24px;opacity:1}.hd .tg{margin-top:6px;font-size:15.5px;color:var(--skymut)}
.hd .chv{stroke-dashoffset:0}.hd .cap{opacity:1}.hd .str{opacity:1;animation:twk 2s ease-in-out infinite}
.bt{display:grid;gap:14px}
.b{position:relative;overflow:hidden;border:0;font:600 16.5px 'Hind Siliguri',sans-serif;color:var(--skyink);background:#fff;box-shadow:0 1px 2px rgba(11,27,58,.05),inset 0 0 0 1px var(--skyln);transition:scale .2s;display:flex;align-items:center;text-align:left}.b:active{scale:.97}
.b .tt2{flex:1;line-height:1.25}.b .tt2 b{display:block;font-size:18px}.b .tt2 small{display:block;font-size:12.5px;font-weight:500;opacity:.8;margin-top:2px}
.b.p{height:76px;border-radius:26px;color:#fff;gap:14px;padding:0 12px 0 12px;background:linear-gradient(110deg,#3F7BFF,#5B5BF5 45%,#8A4BEE 70%,#3F7BFF);background-size:220% 100%;animation:mv 7s linear infinite;box-shadow:0 22px 36px -14px rgba(70,90,245,.8),inset 0 1px 0 rgba(255,255,255,.45)}
@keyframes mv{to{background-position:-220% 0}}
.b.p:after{content:"";position:absolute;top:0;left:-40%;width:30%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shn 3.6s ease-in-out infinite}
.b .gi{width:52px;height:52px;border-radius:18px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.2)}.b .gi svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.b .ar{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none}.b .ar svg{width:20px;height:20px;stroke:#4A5CF5;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.b.s{height:72px;border-radius:26px;gap:14px;padding:0 12px;border:1.5px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#9DB7FF,#C9B8FF,#FFD08A) border-box;box-shadow:0 14px 26px -18px rgba(70,90,245,.6)}
.b.s .gi{background:#EEF1FF}.b.s .gi svg{stroke:#4A5CF5}.b.s .ar{background:#EEF1FF}
.dv{display:flex;align-items:center;gap:12px;color:var(--skymut);font-size:13px}.dv:before,.dv:after{content:"";flex:1;height:1px;background:var(--skyln)}
.so{display:grid;grid-template-columns:1fr 1fr;gap:14px}.so .b{height:98px;border-radius:26px;flex-direction:column;justify-content:center;gap:10px;font-size:14.5px;text-align:center}
.so .b i{width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 8px 16px -8px rgba(11,27,58,.45),inset 0 0 0 1px var(--skyln);display:grid;place-items:center}.so .b i svg{width:24px;height:24px}
.b.g{height:50px;border-radius:25px;justify-content:center;gap:8px;background:none;box-shadow:none;border:1.5px dashed rgba(91,107,140,.4);color:var(--skymut);font-weight:500;font-size:15px}.b.g:after{content:"→";color:var(--skyp)}
.auth .rv{opacity:0;translate:0 18px}#sky-app.open .auth .rv{animation:up .8s calc(.8s + var(--i)*.1s) cubic-bezier(.2,.9,.2,1) forwards}
.toast{position:absolute;left:50%;bottom:90px;translate:-50% 20px;z-index:30;background:var(--skyink);color:#fff;padding:9px 16px;border-radius:14px;font-size:13.5px;opacity:0;transition:all .35s;pointer-events:none;white-space:nowrap}.toast.s{opacity:1;translate:-50% 0}

.stu .bd{transform-origin:150px 236px;animation:brt 3.6s ease-in-out infinite}@keyframes brt{50%{transform:scaleY(1.03) translateY(-1px)}}
.stu .hd2{transform-origin:150px 150px;animation:hsw 4.8s ease-in-out infinite}@keyframes hsw{0%,100%{transform:rotate(-1.5deg) translateY(0)}30%{transform:rotate(2.2deg) translateY(-2px)}60%{transform:rotate(-.6deg) translateY(1px)}}
.stu .ey{transform-box:fill-box;transform-origin:center;animation:blk 3.8s infinite}@keyframes blk{0%,90%,100%{transform:scaleY(1)}94%{transform:scaleY(.1)}}
.stu .gz{animation:gzm 6s ease-in-out infinite}@keyframes gzm{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.stu .h1{animation:hn1 .8s ease-in-out infinite}@keyframes hn1{50%{transform:translateY(-4px)}}
.stu .h2{animation:hn2 3s ease-in-out infinite}@keyframes hn2{0%,100%{transform:translate(0,0)}25%{transform:translate(9px,-1px)}50%{transform:translate(2px,2px)}75%{transform:translate(11px,0)}}
.tidy .hd2{animation:hpy 1.7s ease-in-out infinite}@keyframes hpy{50%{transform:translateY(-5px) rotate(2.5deg)}}
.tidy .bd{animation-duration:2s}.tidy .h1{animation:none}.tidy .h2{animation:wv 1.2s ease-in-out infinite}@keyframes wv{50%{transform:translateY(-14px) translateX(4px)}}
.bt{gap:12px}
.b.p{height:60px;border-radius:21px;gap:11px;padding:0 8px;box-shadow:0 16px 26px -14px rgba(70,90,245,.8),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(20,20,120,.18)}
.b .gi{width:42px;height:42px;border-radius:14px;background:rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.b .gi svg{width:21px;height:21px}
.b .ar{width:38px;height:38px;box-shadow:0 6px 12px -6px rgba(20,30,120,.5)}.b .ar svg{width:18px;height:18px}
.b .tt2 b{font-size:16.5px}.b .tt2 small{font-size:12px;margin-top:1px}
.b.s{height:56px;border-radius:21px;gap:11px;padding:0 8px;box-shadow:0 12px 22px -16px rgba(70,90,245,.55)}.b.s .gi{background:#EEF1FF;box-shadow:none}.b.s .ar{background:#EEF1FF;box-shadow:none;width:34px;height:34px}
.so .b{height:74px;border-radius:21px;gap:8px;font-size:14px}.so .b i{width:38px;height:38px}.so .b i svg{width:21px;height:21px}
.b.g{height:42px;border-radius:21px;font-size:14.5px}

/* ── Repo integration: the owner's v5 "Welcome Story" as the live welcome ──
   The design mounts into the existing welcome view (account-access.js keeps the
   bound controls). Everything above is the owner's standalone design, scoped to
   .ahw-sky so it cannot reach the rest of the app. */
.ah-welcome-sky{isolation:isolate;background:var(--bg,#f7f6fb);overflow:hidden;height:100svh}
#ah-account-page[data-current-view="welcome"].ah-welcome-upgraded{background:var(--bg,#f7f6fb)!important}
#ah-account-page.ah-welcome-upgraded .ah-account-shell[data-current-view="welcome"]{width:100%!important;max-width:none!important;background:var(--bg,#f7f6fb)!important;margin:0!important;padding:0!important}
#ah-account-page.ah-welcome-upgraded .ah-account-shell[data-current-view="welcome"]>.ah-account-head{display:none!important}
#ah-account-page.ah-welcome-upgraded .ah-account-shell[data-current-view="welcome"]>.ah-account-body{padding:0!important}
html:has(.ah-welcome-upgraded),body:has(.ah-welcome-upgraded),body:has(.ah-welcome-upgraded) #app{background:var(--bg,#f7f6fb)!important}
/* LOCK SCOPED TO THE VISIBLE WELCOME VIEW (must match ws-01). */
html:has(#ah-account-page.ah-welcome-upgraded:not([hidden]) [data-view="welcome"]:not([hidden])),body:has(#ah-account-page.ah-welcome-upgraded:not([hidden]) [data-view="welcome"]:not([hidden])){position:fixed!important;inset:0!important;width:100%!important;height:100%!important;overflow:hidden!important;overscroll-behavior:none!important;touch-action:none}
.ah-account-page.ah-welcome-upgraded:not([hidden]):has([data-view="welcome"]:not([hidden])),.ah-account-page.ah-welcome-upgraded:not([hidden]):has([data-view="welcome"]:not([hidden])) .ah-account-shell,.ah-account-page.ah-welcome-upgraded:not([hidden]):has([data-view="welcome"]:not([hidden])) .ah-account-body{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;max-width:none!important;overflow:hidden!important;overscroll-behavior:none!important}
.ahw-sky-board{width:100%;max-width:none;margin:0;height:100svh!important;min-height:0!important;overflow:hidden!important}
/* Bind slots: the account controls are moved into the design, so hide the
   scaffold copies the account flow keeps in the server view. */
.ah-welcome-sky > .ah-welcome-header,
.ah-welcome-sky > .ah-entry-actions{display:none!important}
.ah-welcome-sky > .ahw-sky-board{display:block}
/* Owner: the welcome carries no language picker — the scaffold's selector stays
   hidden with the rest of the legacy header. */
.ah-welcome-sky [data-role="welcome-language"]{display:none!important}
/* Owner: no rounded edge or frame on the welcome — the shell's mobile radius
   rounded the top and bottom corners into a visible border. */
.ah-welcome-upgraded .ah-account-shell[data-visual-contract="code-native-page-system-v1"]{border-radius:0!important}
/* Owner: the story must fill the screen top to bottom, not sit letterboxed in
   a 390x640 stage with a reserved bottom bar. The account flow's mobile rule
   (padding-top:12px on .ah-welcome-view) and the 86px bottom band buffer are
   what left the empty strips. */
.ahw-sky .top{top:calc(env(safe-area-inset-top,0px) + 12px)}
.ahw-sky .band{top:calc(env(safe-area-inset-top,0px) + 54px);bottom:calc(env(safe-area-inset-bottom,0px) + 86px)}
.ahw-sky .cta{bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}
.ah-welcome-upgraded .ah-account-view.ah-welcome-sky{padding:0!important;min-height:0!important;height:100%!important;display:block!important}
/* Owner: the guest entry is a button like the others, not a dashed box. */
.ahw-sky .b.g{height:56px;border-radius:21px;justify-content:center;gap:8px;background:#fff;border:0;box-shadow:0 12px 22px -16px rgba(70,90,245,.55),inset 0 0 0 1px var(--skyln);color:var(--skyink);font-weight:600;font-size:15.5px}
.ahw-sky .b.g:after{content:"→";color:var(--skyp)}
/* The design's Google pill stays as drawn; the real Google Identity button is
   laid over it invisibly, so the tap reaches the genuine control. */
[data-sky-slot="google"]{position:relative;overflow:hidden}
.ah-sky-google-overlay{position:absolute!important;inset:0;opacity:.001;overflow:hidden;border-radius:inherit;display:block}
.ah-sky-google-overlay>*{width:100%!important;height:100%!important}
[data-sky-slot="facebook"][aria-disabled="true"]{opacity:.62}
/* Owner: nothing on the welcome may shift. Covering the band pushes the drawn
   desk tiles past the viewport, and a focus scroll (the Google control gaining
   focus as the panel opens) then scrolled the whole art up. overflow:clip
   forbids that scroll where overflow:hidden still allows a programmatic one. */
.ahw-sky #sky-app{overflow:clip!important}
/* Geometry restored to the approved preview: the 390x640 story stage is FITTED inside the band (brand row above, Get Started below) so nothing is cropped or overlapped. The safe areas are handled inside the art and the background is full-bleed under the status bar and home indicator, so the device edges are the same surface as the screen (no strips, no lines). */
.ahw-sky.ahw-sky-board{padding-top:0;padding-bottom:0;background-image:linear-gradient(180deg,var(--skyt) 0%,color-mix(in srgb,var(--skyt) 88%,#fff) 100%)}
.ahw-sky #sky-app{background:none}
.ahw-sky .auth{padding-top:calc(env(safe-area-inset-top,0px) + 8px);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 22px);background:linear-gradient(180deg,var(--skyt) 0,var(--skyt) 56px,transparent 150px),radial-gradient(90% 45% at 0% 100%,rgba(255,176,32,.18),transparent 60%),radial-gradient(100% 40% at 100% 38%,rgba(124,92,255,.16),transparent 60%),linear-gradient(180deg,var(--skyt) 0%,color-mix(in srgb,var(--skyt) 88%,#fff) 100%)}
.ahw-sky .toast{bottom:calc(env(safe-area-inset-bottom,0px) + 90px)}
/* Every device: the Get Started label never wraps or clips, and browsers without color-mix() (older Android) still get a visible blue button instead of white text on a white one. */
.ahw-sky .go{white-space:nowrap;line-height:1.2;padding:0 14px;min-width:0}
.ahw-sky .go svg{flex:none}
@supports not (background:color-mix(in srgb,red,blue)){
.ahw-sky.ahw-sky-board{background-image:none}
.ahw-sky .go.lit,.ahw-sky .gob,.ahw-sky .sub,.ahw-sky .hmp{background:linear-gradient(120deg,#2F6BFF,#6A4BEE);color:#fff}
.ahw-sky .m.me{background:#4F46E5}
.ahw-sky .auth{background:linear-gradient(180deg,var(--skyt),#F4F8FF)}
}