:root{--carbon:#242426;--gris:#80878C;--morado:#8F4FA8;--naranja:#F28D52;--beige:#F2E0D5;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html,body{margin:0;min-height:100%;background:#17171a}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{font-family:Inter,system-ui,sans-serif;color:var(--beige);min-height:100vh;display:flex;justify-content:center;position:relative;overflow-x:hidden;
background:
radial-gradient(60% 42% at 78% 8%,rgba(143,79,168,.55),transparent 70%),
radial-gradient(70% 45% at 15% 105%,rgba(242,141,82,.5),transparent 70%),
radial-gradient(50% 30% at 50% 60%,rgba(143,79,168,.16),transparent 70%),
linear-gradient(180deg,#1b1a1f,#242426 55%,#1d1a1e)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.13;background:url(../img/textura.webp) center/cover no-repeat}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
main{position:relative;z-index:1;width:100%;max-width:420px;padding:56px 24px 40px;display:flex;flex-direction:column;min-height:100vh}
.logo{width:170px;height:auto;display:block;filter:drop-shadow(0 0 22px rgba(242,141,82,.25))}
.hero{margin:auto 0;padding:72px 0 48px}
h1{font-family:Montserrat,sans-serif;font-weight:300;font-size:clamp(34px,10vw,44px);line-height:1.05;margin:0 0 18px;letter-spacing:-.01em}
h1 b{font-weight:700;color:var(--morado)}
.rule{width:44px;height:2px;background:linear-gradient(90deg,var(--naranja),var(--morado));margin-bottom:18px}
p.d{margin:0;color:var(--beige);opacity:.72;font-size:15px;line-height:1.55;max-width:30ch}
.links{display:flex;flex-direction:column;gap:14px}
a.l{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--beige);padding:20px 22px;border-radius:16px;
background:rgba(242,224,213,.07);border:1px solid rgba(242,224,213,.2);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(0,0,0,.28);transition:transform .25s,border-color .25s,background .25s}
a.l:hover,a.l:focus-visible{transform:translateY(-2px);border-color:var(--naranja);background:rgba(242,141,82,.12);outline:none}
.t{font-family:Montserrat,sans-serif;font-weight:500;font-size:15px;letter-spacing:.08em}
.t small{display:block;font-family:Inter,sans-serif;font-weight:400;letter-spacing:0;font-size:12px;color:var(--gris);margin-top:3px}
.ar{width:18px;height:18px;stroke:var(--naranja);fill:none;stroke-width:1.6;transition:transform .25s}
a.l:hover .ar{transform:translate(3px,-3px)}
p.s{margin:22px 0 0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja);line-height:1.8;max-width:34ch}
footer{margin-top:36px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gris);display:flex;justify-content:space-between}