@font-face{font-family:Manrope;src:url('/examples/assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:StudioSerif;src:url('/examples/assets/serif.woff2') format('woff2');font-display:swap}
:root{font:14px/1.6 Manrope,system-ui,sans-serif;--hue:221;--accent:#346cf8;--light:#8eafff;--text:#f1f5ff;--muted:#a6acc0;--base:#080b13;--glow:50,95,220;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--base);color:var(--text);min-height:100dvh;-webkit-font-smoothing:antialiased}body.suma{--accent:#a96e95;--light:#ecc2d7;--base:#100b10;--glow:135,63,101}body.nexo{--accent:#2b9e92;--light:#a4dfd1;--base:#061011;--glow:21,114,105}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid var(--light);outline-offset:5px}.access-glow{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 9% 12%,rgba(var(--glow),.26),transparent 53%),radial-gradient(ellipse at 91% 91%,rgba(var(--glow),.17),transparent 52%),radial-gradient(ellipse at 55% 42%,rgba(var(--glow),.07),transparent 53%)}.access-header{position:absolute;inset:28px 38px auto;display:flex;align-items:center;justify-content:space-between}.access-header a{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.theme-control{border:1px solid #ffffff12;background:#ffffff04;border-radius:50%;color:var(--muted);width:36px;height:36px;display:grid;place-items:center}.theme-control:hover{background:#ffffff12;color:var(--text)}.theme-control svg{width:17px;height:17px}.access-main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px 55px}.access-card{width:400px;max-width:100%;padding:38px 30px 25px;border:1px solid #ffffff16;border-radius:25px;background:linear-gradient(140deg,#ffffff0b,#ffffff04);backdrop-filter:blur(15px);box-shadow:0 30px 90px #0002;text-align:center;animation:arrive .45s cubic-bezier(.22,1,.36,1)}.brand-logo{display:inline-flex;align-items:center;gap:14px}.logo-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent);font-size:42px;line-height:1;font-weight:800;color:#fff}.logo-symbol svg{width:38px;height:38px;stroke:currentColor;stroke-width:1.8}.logo-symbol circle{fill:currentColor;stroke:none}.logo-word{text-align:left;font-weight:800;font-size:39px;letter-spacing:-2px;line-height:1}.logo-word small{display:block;letter-spacing:2px;font-size:8px;font-weight:550;margin-top:10px}.suma .logo-word{font-family:StudioSerif,Georgia,serif;font-weight:400;font-size:48px}.suma .logo-word small{font-family:Manrope,sans-serif;font-size:9px}.suma .logo-symbol{font:44px/1 StudioSerif,serif;border-radius:50%;background:#dbb29d;color:#422c3d}.nexo .logo-symbol{border-radius:7px;background:#239c8f}.access-card h1{font-size:19px;line-height:1.3;margin:33px 0 11px;letter-spacing:-.5px;font-weight:750}.access-intro{font-size:12px;color:var(--muted);line-height:1.9;margin:0 auto 28px;max-width:260px}.guest-button{display:flex;gap:12px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 15px;border:1px solid #ffffff0c;border-radius:8px;color:white;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 78%,#000),var(--accent));font-weight:650;font-size:12px;transition:filter .18s,transform .18s;box-shadow:0 4px 20px rgba(var(--glow),.15)}.guest-button:hover{filter:brightness(1.13)}.guest-button:active{transform:scale(.985)}.guest-button:disabled{cursor:wait}.access-info{display:flex;align-items:flex-start;gap:9px;justify-content:center;margin-top:30px;color:var(--muted);font-size:10px;line-height:1.9}.access-info svg{margin-top:3px;color:var(--light)}.access-info small{font-size:9px}.access-note{font-size:9px;color:var(--muted);opacity:.7;margin:13px 0 0}.access-error:empty{display:none}.access-credit{font-size:9px;color:var(--muted);margin:25px 0 0;opacity:.7}.access-credit a{font-weight:650}.apple-spinner{width:17px;height:17px;display:inline-block;position:relative;flex-shrink:0}.apple-spinner i{position:absolute;left:7px;top:0;width:2px;height:4px;border-radius:2px;background:currentColor;transform-origin:1px 8px;transform:rotate(calc(var(--n)*22.5deg));animation:spin-fade 1.2s linear infinite;animation-delay:calc(var(--n)*-.075s)}@keyframes spin-fade{0%,40%{opacity:1}85%{opacity:.12}100%{opacity:1}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.entry-error{padding:40px;text-align:center}.entry-error a{text-decoration:underline}
html[data-theme=light]{color-scheme:light;--text:#1c2945;--muted:#67758b;--base:#edf2fc}html[data-theme=light] body{background:var(--base)}html[data-theme=light] body.suma{--base:#f6efed;--text:#3c293a;--muted:#8c7384}html[data-theme=light] body.nexo{--base:#eaf4f0;--text:#173d3a;--muted:#5f7f79}html[data-theme=light] .access-card{background:linear-gradient(140deg,#ffffffc9,#ffffff70);border-color:#ffffffd0;box-shadow:0 25px 70px rgba(var(--glow),.09)}html[data-theme=light] .theme-control{color:var(--text);border-color:#0001;background:#ffffff70}html[data-theme=light] .access-info svg{color:var(--accent)}html[data-theme=light] .access-glow{opacity:.65}
@media(max-width:600px){.access-header{inset:19px 21px auto}.access-main{padding:85px 20px 40px}.access-card{padding:34px 24px 25px;max-width:370px}.logo-word{font-size:36px}.access-card h1{font-size:18px}.guest-button{min-height:49px}.access-credit{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.apple-spinner i{opacity:calc(.15 + var(--n)*.05)}}