:root{--ink:#eefaff;--muted:#b7cfdf;--cyan:#6fe6ff;--blue:#0b6b9b;--glass:rgba(3,19,34,.58);--line:rgba(140,226,255,.36)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#020812;color:var(--ink)}body{min-height:100vh;overflow-x:hidden;position:relative}
a{color:inherit;text-decoration:none}.world{position:fixed;inset:0;overflow:hidden;background:#06182b;z-index:0;pointer-events:none}.sky,.veil,.stars,.horizon-glow{position:absolute;inset:0}.sky{transition:background 1.6s ease;background:linear-gradient(#071c35 0%,#124865 48%,#e1a06b 100%)}.veil{background:radial-gradient(circle at 50% 38%,transparent 0 28%,rgba(0,0,0,.10) 70%,rgba(0,4,12,.52) 100%);pointer-events:none}.horizon-glow{top:auto;height:42%;bottom:-10%;background:radial-gradient(ellipse at center bottom,rgba(109,211,255,.22),transparent 70%);filter:blur(18px)}.sun,.moon{position:absolute;border-radius:50%;transition:all 1.5s ease}.sun{width:clamp(70px,9vw,140px);height:clamp(70px,9vw,140px);left:12%;top:17%;background:#fff4cc;box-shadow:0 0 38px #ffd584,0 0 120px rgba(255,190,94,.48);opacity:.82}.moon{width:clamp(55px,7vw,105px);height:clamp(55px,7vw,105px);right:12%;top:15%;background:radial-gradient(circle at 35% 30%,#fff,#ccd9e8 55%,#91a5ba);box-shadow:0 0 35px rgba(205,231,255,.45);opacity:0}.stars{opacity:0;transition:opacity 1.8s ease;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px),radial-gradient(circle,#b9e9ff 0 1px,transparent 1.3px),radial-gradient(circle,#fff 0 1.4px,transparent 1.7px);background-size:73px 73px,113px 113px,181px 181px;background-position:0 0,31px 24px,77px 49px;animation:twinkle 6s ease-in-out infinite alternate}.shooting{position:absolute;width:130px;height:2px;opacity:0;background:linear-gradient(90deg,transparent,#fff);filter:drop-shadow(0 0 5px #fff);transform:rotate(-18deg)}.shooting-one{top:18%;left:66%;animation:shoot 17s 4s infinite}.shooting-two{top:29%;left:19%;animation:shoot 23s 12s infinite}
.eye{position:absolute;bottom:2vh;width:min(42vw,620px);opacity:.48;filter:saturate(.82) brightness(.86);transition:opacity 1.5s ease,filter 1.5s ease,transform 1.5s ease;animation:floatEye 9s ease-in-out infinite}.eye img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 32px rgba(67,193,255,.28));mask-image:linear-gradient(to bottom,transparent 0,#000 15%,#000 82%,transparent 100%)}.eye-human{left:-2.5vw}.eye-tschipiti{right:-1.5vw;animation-delay:-4s}.eyelid{position:absolute;left:4%;width:92%;height:52%;background:rgba(2,7,15,.92);transform:scaleY(0);z-index:3}.eyelid.top{top:12%;transform-origin:top}.eyelid.bottom{bottom:12%;transform-origin:bottom}.eye.blink .eyelid{animation:lid .34s ease-in-out 1}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(18px,4vw,64px);position:relative;z-index:5}.brand{font-size:clamp(25px,3vw,40px);font-weight:800;letter-spacing:-.04em;text-shadow:0 0 20px rgba(74,210,255,.4)}.brand span{color:var(--cyan)}.time-label{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(236,250,255,.72);padding:8px 12px;border:1px solid rgba(177,229,255,.22);border-radius:999px;background:rgba(0,12,25,.28);backdrop-filter:blur(8px)}
.hero{position:relative;z-index:5;min-height:calc(100vh - 145px);display:grid;place-items:center;padding:20px 18px 120px}.glass-card{width:min(880px,93vw);text-align:center;padding:clamp(28px,4.2vw,58px);border:1px solid var(--line);border-radius:32px;background:linear-gradient(145deg,rgba(4,28,48,.64),rgba(3,13,28,.40));box-shadow:0 22px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(15px) saturate(1.15)}.eyebrow{margin:0 0 5px;color:var(--cyan);font-size:12px;font-weight:700;letter-spacing:.28em}.glass-card h1{font-size:clamp(47px,7.2vw,92px);line-height:.96;margin:6px 0 18px;letter-spacing:-.055em;text-shadow:0 0 28px rgba(91,209,255,.25)}.glass-card h1 span{font-weight:300;color:#95ddf5}.motto{font-size:clamp(14px,1.75vw,21px);letter-spacing:.08em;color:#d8f2fb;margin:0 0 19px}.intro{max-width:690px;margin:0 auto 28px;font-size:clamp(15px,1.6vw,19px);line-height:1.6;color:var(--muted)}.portal-button{display:inline-flex;align-items:center;gap:13px;padding:15px 25px;border-radius:999px;border:1px solid rgba(157,235,255,.65);background:linear-gradient(135deg,#0b77a9,#095276);font-weight:800;letter-spacing:.07em;box-shadow:0 0 28px rgba(48,193,241,.26);transition:.25s}.portal-button:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(48,193,241,.44)}.portal-button b{font-size:22px}.tschips{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.tschip{display:flex;align-items:center;text-align:left;gap:13px;padding:15px 17px;border:1px solid rgba(157,224,255,.20);border-radius:18px;background:rgba(1,15,28,.46);transition:.25s}.tschip:hover{border-color:rgba(132,225,255,.58);transform:translateY(-2px);background:rgba(6,35,56,.58)}.tschip .icon{font-size:25px}.tschip strong{display:block;font-size:16px}.tschip small{display:block;margin-top:4px;color:#a9c8d8;font-size:12px}.quicklinks{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:17px}.quicklinks a{font-size:13px;padding:9px 13px;border-radius:999px;border:1px solid rgba(173,226,249,.18);background:rgba(1,11,22,.35);color:#d4edf8}.quicklinks a:hover{border-color:rgba(113,219,255,.55);color:#fff}
.modebar{position:fixed;left:50%;bottom:40px;z-index:9;transform:translateX(-50%);display:flex;gap:6px;padding:7px;border-radius:999px;border:1px solid rgba(173,226,249,.2);background:rgba(0,10,21,.66);backdrop-filter:blur(12px);box-shadow:0 10px 35px rgba(0,0,0,.32)}.modebar button{min-width:43px;height:35px;border:0;border-radius:999px;background:transparent;color:white;cursor:pointer;font-size:17px}.modebar button:first-child{font-size:11px;text-transform:uppercase;letter-spacing:.08em;padding:0 13px}.modebar button.active{background:rgba(95,210,255,.20);box-shadow:inset 0 0 0 1px rgba(137,226,255,.35)}footer{position:fixed;z-index:7;right:18px;bottom:12px;color:rgba(220,242,252,.42);font-size:11px;letter-spacing:.06em}
body[data-theme="dawn"] .sky{background:linear-gradient(#182b52 0%,#ad6680 49%,#ffb36a 100%)}body[data-theme="dawn"] .sun{left:16%;top:55%;opacity:.9}body[data-theme="dawn"] .moon{opacity:.08}body[data-theme="dawn"] .stars{opacity:.16}body[data-theme="dawn"] .eye{opacity:.42;filter:saturate(.9) brightness(.9)}
body[data-theme="day"] .sky{background:linear-gradient(#4babe0 0%,#9fd8ee 52%,#dcecf3 100%)}body[data-theme="day"] .sun{left:13%;top:11%;opacity:1}body[data-theme="day"] .moon{opacity:0}body[data-theme="day"] .stars{opacity:0}body[data-theme="day"] .eye{opacity:.29;filter:saturate(.72) brightness(1.15);transform:translateY(8px) scale(.98)}body[data-theme="day"] .glass-card{background:linear-gradient(145deg,rgba(4,32,49,.49),rgba(4,21,38,.37))}
body[data-theme="sunset"] .sky{background:linear-gradient(#1a2648 0%,#7d4559 48%,#f18d4e 100%)}body[data-theme="sunset"] .sun{left:13%;top:62%;opacity:.93;box-shadow:0 0 42px #ffad64,0 0 150px rgba(255,110,43,.50)}body[data-theme="sunset"] .moon{opacity:.08}body[data-theme="sunset"] .stars{opacity:.25}body[data-theme="sunset"] .eye{opacity:.53;filter:saturate(1) brightness(.84)}
body[data-theme="night"] .sky{background:radial-gradient(circle at 50% 20%,#142c52,#061326 49%,#010611 100%)}body[data-theme="night"] .sun{opacity:0;top:90%}body[data-theme="night"] .moon{opacity:.9}body[data-theme="night"] .stars{opacity:.82}body[data-theme="night"] .eye{opacity:.64;filter:saturate(1.18) brightness(.72) contrast(1.08)}body[data-theme="night"] .eye-tschipiti img{filter:drop-shadow(0 0 42px rgba(51,164,255,.55))}body[data-theme="night"] .glass-card{background:linear-gradient(145deg,rgba(3,21,40,.68),rgba(2,8,22,.52))}
@keyframes lid{0%,100%{transform:scaleY(0)}45%,55%{transform:scaleY(1)}}@keyframes shoot{0%,72%{opacity:0;transform:translate(0,0) rotate(-18deg)}74%{opacity:1}79%{opacity:0;transform:translate(320px,100px) rotate(-18deg)}100%{opacity:0}}@keyframes twinkle{from{filter:brightness(.8)}to{filter:brightness(1.25)}}@keyframes floatEye{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:720px){.topbar{padding:15px 17px}.time-label{display:none}.hero{padding-top:5px;padding-bottom:135px}.glass-card{padding:27px 18px;border-radius:25px}.tschips{grid-template-columns:1fr}.motto{line-height:1.5}.eye{width:65vw;bottom:0;opacity:.28}.eye-human{left:-23vw}.eye-tschipiti{right:-22vw}.quicklinks{gap:7px}.modebar{bottom:32px}footer{left:0;right:0;text-align:center;bottom:8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.stars,.shooting,.eye{animation:none!important;transition:none!important}}