/* Shared glass surfaces and a continuous photographic closing scene. */
:root{--glass-rim:rgba(255,255,255,.72);--glass-shadow:0 14px 40px #142b4729,inset 0 1px 1px #ffffffd0,inset 0 -1px 1px #ffffff40}
.nav-links,.nav-login,.nav-register,.nav .lang,.menu,.pill{border:1px solid var(--glass-rim);box-shadow:var(--glass-shadow);background-image:linear-gradient(135deg,#ffffff55 0%,#ffffff16 48%,#bedbff2b 100%);backdrop-filter:blur(28px) saturate(1.65);-webkit-backdrop-filter:blur(28px) saturate(1.65)}
.nav-links{padding:8px;background-color:#35516c27}.nav-links a{transition:background .2s,box-shadow .2s}.nav-links a:hover{box-shadow:inset 0 1px 0 #ffffff80;background:#ffffff30}.nav-links a:first-child{background:linear-gradient(145deg,#ffffff,#e2eaff);box-shadow:0 3px 12px #18334926,inset 0 1px 1px #fff}.nav-register{background-color:#f4f7ff}.nav .lang{padding:10px 17px;border-radius:50px}.pill{position:relative;background-color:#dde9ff14;transition:transform .2s,box-shadow .2s}.pill:hover{box-shadow:0 18px 36px #10284238,inset 0 1px 2px #fff;background-color:#ffffff35}.pill:active{transform:scale(.97)}
.daily{background:radial-gradient(ellipse at 12% 10%,#f8def36e,transparent 58%),radial-gradient(ellipse at 90% 85%,#b9d8ff6e,transparent 55%),linear-gradient(135deg,#ffffffbb,#ffffff40);box-shadow:var(--glass-shadow);border-color:#fff}.use-grid>div{background:linear-gradient(125deg,#ffffffae,#edf4ff65);box-shadow:var(--glass-shadow);border:1px solid #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.tools-preview{border-radius:16px;background:#eaf0fc36;padding:18px}.resource-icon{background:linear-gradient(140deg,#ffffffb5,#d1e1f582);border:1px solid #fff;box-shadow:inset 0 1px 2px #fff,0 5px 12px #15364b12}.mini-feature{border:1px solid #ffffffb0;box-shadow:var(--glass-shadow)}.mini-feature span{padding:12px 16px;border:1px solid #ffffff70;border-radius:15px;background:linear-gradient(140deg,#ffffff55,#ffffff1c);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.mini-feature b{border:1px solid #ffffffc0;box-shadow:inset 0 1px 1px #fff;background:#ffffff58}.card-lab{border:1px solid #ffffffdc;box-shadow:var(--glass-shadow)}.coming{background:linear-gradient(135deg,#ffffffbf,#ecf2ff60);border:1px solid #fff;box-shadow:inset 0 1px 0 #fff,0 3px 10px #23365110;color:#405873}
.closing{height:430px;margin:0 4%;border-radius:28px 28px 0 0;overflow:hidden;background:#102435;align-items:start}.closing .shade{background:linear-gradient(180deg,#11273815 0%,#10243535 40%,#102435d9 82%,#102435 100%)}.closing-copy{padding:60px 52px 110px;width:100%}.closing h2{font-size:52px;max-width:660px;text-shadow:0 3px 20px #031c3c40}.closing .mark{position:absolute;right:55px;bottom:130px;width:110px;height:110px;filter:drop-shadow(0 6px 15px #6eb8ff33)}
.footer{position:relative;margin:0 4% 28px;border-radius:0 0 28px 28px;padding:0 32px 24px;background:linear-gradient(180deg,#102435,#101e2e);color:#edf5ff}.footer-top{position:relative;z-index:1;top:-46px;margin:0 0 -22px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-radius:26px;border:1px solid #ffffff60;background:linear-gradient(130deg,#bfd8f538,#ffffff0d 55%,#dfcdf328);box-shadow:0 20px 45px #0413233d,inset 0 1px 1px #ffffffa0,inset 0 -1px 1px #ffffff20;backdrop-filter:blur(30px) saturate(1.55);-webkit-backdrop-filter:blur(30px) saturate(1.55)}.footer .brand{flex-shrink:0}.footer .mark{width:65px;height:65px}.footer-links{display:flex;gap:5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-links>a{padding:11px 17px;border:1px solid transparent;border-radius:30px;transition:background .2s,border-color .2s}.footer-links>a:hover{background:#ffffff18;border-color:#ffffff45}.footer .lang{margin-left:14px;border:1px solid #ffffff65;padding:11px 18px;border-radius:30px;background:linear-gradient(130deg,#ffffff36,#ffffff0d);box-shadow:inset 0 1px 1px #ffffff80;white-space:nowrap}.footer-bottom{border-top:1px solid #ffffff20;padding:18px 12px 0;color:#b7cadd;font-size:12px;align-items:center}.footer-bottom a,.footer-bottom button{line-height:1.6}.footer-bottom .text-button{text-decoration:none;border-bottom:1px solid #a6c6e755}
@media(max-width:1000px){.footer-top{padding:24px;gap:20px}.footer-links>a{padding:10px 12px}.footer .lang{margin-left:5px}.mini-feature span{padding:9px 10px}}
@media(max-width:760px){.nav-links.open{background-image:linear-gradient(#10253adb,#101f33ed),url('./assets/hero-twilight.png');box-shadow:none}.nav-links.open a:first-child{background:#ffffff15;box-shadow:inset 0 1px 0 #ffffff45}.nav-links.open a{border-radius:15px}.mini-feature span{padding:8px 7px;border-radius:12px;width:100%}.mini-feature strong{font-size:12px}.closing{height:360px;margin:0 5%;border-radius:24px 24px 0 0}.closing-copy{padding:36px 28px 110px}.closing h2{font-size:40px}.closing .mark{position:absolute;right:28px;bottom:95px;width:66px;height:66px;margin:0}.footer{margin:0 5% 22px;padding:0 16px 22px;border-radius:0 0 24px 24px}.footer-top{top:-38px;margin-bottom:-15px;padding:22px 18px;flex-direction:column;align-items:center;gap:20px;border-radius:22px;text-align:center}.footer .brand{align-self:center}.footer .mark{width:57px;height:57px}.footer .brand-type strong{font-size:18px}.footer-links{justify-content:center;gap:5px;width:100%}.footer-links>a{font-size:13px;padding:9px 10px}.footer .lang{margin:8px 0 0;flex-basis:100%;max-width:150px;font-size:12px}.footer-bottom{gap:13px;padding:16px 2px 0;font-size:11px;text-align:center}.tools-preview{padding:15px 10px}}
@media(prefers-reduced-motion:reduce){.pill,.nav-links a,.footer-links>a{transition:none}}

@media(max-width:760px){.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.footer-links>a{padding:10px 2px;font-size:11px}.footer .lang{grid-column:1/-1;justify-self:center;width:150px;margin-top:9px}}