:root{--navy:#143E54;--navy-deep:#0C2230;--navy-surface:#1B3344;--verto-blue:#7CC3DB;--cta-yellow:#FFD612;--gold:#FFBB00;--text:#F2F6F8;--text-dim:#9DB2BD;--border:rgba(124,195,219,0.16);--radius:18px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--navy-deep);background-image:radial-gradient(900px 600px at 12% -8%,rgba(124,195,219,.22),transparent 60%),radial-gradient(800px 520px at 100% 110%,rgba(255,187,0,.14),transparent 55%),linear-gradient(165deg,#143E54,#0C2230 70%);background-attachment:fixed;display:flex;flex-direction:column;align-items:center;padding:clamp(2rem,6vh,5rem) 1.5rem 2.5rem;position:relative;overflow-x:hidden;cursor:default;-moz-user-select:none;user-select:none;-webkit-user-select:none}a{cursor:pointer}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{width:100%;max-width:1040px;flex:1 1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}header{text-align:center;margin-bottom:clamp(2.5rem,6vh,4rem)}.overline{font-weight:600;font-size:.78rem;letter-spacing:.34em;color:var(--verto-blue);margin-bottom:1.1rem;animation:rise .7s cubic-bezier(.2,.7,.2,1) .05s forwards}.overline,h1{font-family:Josefin Sans,sans-serif;text-transform:uppercase;opacity:0}h1{font-weight:700;letter-spacing:.06em;line-height:1.04;font-size:clamp(2.6rem,7vw,4.6rem);margin-bottom:1.15rem;animation:rise .8s cubic-bezier(.2,.7,.2,1) .13s forwards}h1 .accent{color:var(--cta-yellow);position:relative}.subtitle{font-size:clamp(1rem,1.6vw,1.12rem);color:var(--text-dim);max-width:30rem;margin:0 auto;line-height:1.55;opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .22s forwards}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));grid-gap:1.25rem;gap:1.25rem}.grid-suite{max-width:440px;margin-inline:auto}.card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;background:linear-gradient(160deg,rgba(27,51,68,.92),rgba(18,38,51,.92));border:1px solid var(--border);border-radius:var(--radius);padding:1.9rem 1.7rem 1.6rem;overflow:hidden;isolation:isolate;opacity:0;transform:translateY(22px);animation:rise .7s cubic-bezier(.2,.7,.2,1) forwards;transition:transform .32s cubic-bezier(.2,.7,.2,1),border-color .32s ease,box-shadow .32s ease}.card:first-child{animation-delay:.34s}.card:nth-child(2){animation-delay:.44s}.card:nth-child(3){animation-delay:.54s}.card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cta-yellow),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.card:focus-visible,.card:hover{transform:translateY(-7px);border-color:rgba(255,214,18,.5);box-shadow:0 22px 48px rgba(0,0,0,.42);outline:none}.card:focus-visible:after,.card:hover:after{transform:scaleX(1)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:rgba(124,195,219,.12);color:var(--verto-blue);margin-bottom:1.4rem;transition:background .32s ease,color .32s ease}.card:focus-visible .icon,.card:hover .icon{background:rgba(255,214,18,.14);color:var(--cta-yellow)}.icon svg{width:24px;height:24px}.card h2{font-family:Josefin Sans,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:1.28rem;margin-bottom:.5rem}.card p{font-size:.92rem;line-height:1.5;color:var(--text-dim);flex:1 1;margin-bottom:1.35rem}.go{display:inline-flex;align-items:center;gap:.45rem;font-family:Josefin Sans,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:color .32s ease,gap .32s ease}.card:focus-visible .go,.card:hover .go{color:var(--cta-yellow);gap:.75rem}.go svg{width:15px;height:15px}.card-envs{display:flex;gap:.6rem}.env-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.62rem .9rem;border-radius:10px;text-decoration:none;font-family:Josefin Sans,sans-serif;font-weight:600;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .28s ease,border-color .28s ease,transform .28s ease,color .28s ease}.env-btn svg{width:14px;height:14px}.env-btn.primary{background:var(--cta-yellow);color:var(--navy)}.env-btn.primary:focus-visible,.env-btn.primary:hover{background:var(--gold);transform:translateY(-2px);outline:none}.env-btn.secondary{background:rgba(124,195,219,.07);border:1px solid var(--border);color:var(--text)}.env-btn.secondary:focus-visible,.env-btn.secondary:hover{border-color:rgba(124,195,219,.45);background:rgba(124,195,219,.13);color:var(--verto-blue);outline:none}.card-links{display:flex;flex-wrap:wrap;gap:.45rem 1.2rem;margin-top:1.1rem;padding-top:1rem;border-top:1px solid var(--border)}.card-link{display:inline-flex;align-items:center;gap:.38rem;text-decoration:none;color:var(--text-dim);font-family:Josefin Sans,sans-serif;font-weight:500;font-size:.76rem;letter-spacing:.04em;transition:color .25s ease,gap .25s ease}.card-link:focus-visible,.card-link:hover{color:var(--verto-blue);gap:.55rem;outline:none}.card-link svg{width:12px;height:12px;opacity:.7}footer{width:100%;max-width:1040px;margin-top:clamp(3rem,8vh,5rem);padding-top:1.6rem;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:center;justify-content:space-between;opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .7s forwards;z-index:1}.destinations{font-family:Josefin Sans,sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim)}.destinations span{color:var(--verto-blue);margin:0 .4rem}.mark{font-family:Josefin Sans,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.signin-card{max-width:26rem;margin:auto;background:linear-gradient(160deg,rgba(27,51,68,.92),rgba(18,38,51,.92));border:1px solid var(--border);border-radius:var(--radius);padding:2.6rem 2.2rem;text-align:center;z-index:1}.signin-card .overline,.signin-card h1{animation:none;opacity:1}.signin-card h1{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:.8rem}.signin-card p{color:var(--text-dim);margin-bottom:2rem;line-height:1.55}.google-btn{display:inline-flex;align-items:center;gap:.7rem;width:100%;justify-content:center;padding:.85rem 1.5rem;border:none;border-radius:10px;background:var(--cta-yellow);color:var(--navy);font-family:Josefin Sans,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.02em;cursor:pointer;transition:background .25s ease,transform .25s ease}.google-btn:hover{background:var(--gold);transform:translateY(-2px)}.google-btn svg{width:18px;height:18px}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}.card,.overline,.subtitle,footer,h1{opacity:1;transform:none}}@media (max-width:560px){footer{flex-direction:column;text-align:center}}.external{width:100%;max-width:560px;margin:clamp(2.5rem,6vh,3.75rem) auto 0;opacity:0;animation:rise .8s cubic-bezier(.2,.7,.2,1) .64s forwards}.external-label{display:flex;align-items:center;gap:.9rem;justify-content:center;font-family:Josefin Sans,sans-serif;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);margin-bottom:1.1rem}.external-label:after,.external-label:before{content:"";height:1px;flex:1 1;max-width:70px;background:var(--border)}.external-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.external-row{display:flex;align-items:center;gap:.95rem;text-decoration:none;color:inherit;background:rgba(27,51,68,.55);border:1px solid var(--border);border-radius:12px;padding:.85rem 1.1rem;transition:border-color .28s ease,background .28s ease,transform .28s ease}.external-row:focus-visible,.external-row:hover{border-color:rgba(124,195,219,.42);background:rgba(27,51,68,.8);transform:translateY(-2px);outline:none}.external-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(124,195,219,.1);color:var(--verto-blue);flex-shrink:0}.external-icon svg{width:18px;height:18px}.external-text{display:flex;flex-direction:column;gap:.12rem;flex:1 1;min-width:0}.external-name{font-family:Josefin Sans,sans-serif;font-weight:600;letter-spacing:.04em;font-size:.98rem}.external-desc{font-size:.82rem;line-height:1.4;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.external-meta{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;color:var(--text-dim);transition:color .28s ease}.external-hint{font-family:Josefin Sans,sans-serif;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.external-meta svg{width:15px;height:15px}.external-row:focus-visible .external-meta,.external-row:hover .external-meta{color:var(--verto-blue)}@media (max-width:480px){.external-desc,.external-hint{display:none}}