*{box-sizing:border-box}:root{--party-panel:var(--app-panel,rgba(var(--color-midnight-rgb), .75));--party-panel-strong:var(--app-panel-strong,rgba(var(--color-deep-space-rgb), .92));--party-border:var(--app-border,rgba(var(--color-celestial-cyan-rgb), .22));--party-border-strong:var(--app-line-strong,rgba(var(--color-celestial-cyan-rgb), .35));--party-text:var(--app-text,#f5f7ff);--party-text-muted:var(--app-text-muted,#a7b4cf);--party-text-strong:var(--app-text-strong,#f5f7ff);--party-accent:var(--color-celestial-cyan,#66fcf1);--party-accent-strong:var(--color-nebula-violet,#8f5cff);--party-warm:var(--color-solar-amber,#fcbf49);--party-ring:rgba(var(--color-celestial-cyan-rgb), .25);--party-shadow:0 30px 80px rgba(var(--color-midnight-rgb), .55), 0 12px 26px rgba(var(--color-midnight-rgb), .35);--party-radius:28px}body{color:var(--party-text);flex-direction:column;min-height:100vh;margin:0;font-family:Orbitron,sans-serif;display:flex;position:relative}body:before{content:"";background-image:linear-gradient(120deg, rgba(var(--color-celestial-cyan-rgb), .08), transparent 45%), linear-gradient(90deg, rgba(var(--color-starlight-rgb), .06) 1px, transparent 1px), linear-gradient(180deg, rgba(var(--color-starlight-rgb), .06) 1px, transparent 1px);opacity:.6;pointer-events:none;z-index:0;background-size:100% 100%,110px 110px,110px 110px;position:fixed;inset:0}body>*{position:relative}nav-bar{z-index:20;position:relative}main{z-index:1;flex:1;justify-content:center;align-items:center;padding:clamp(32px,6vw,70px) 20px 80px;display:flex;position:relative}.container{border-radius:var(--party-radius);background:linear-gradient(155deg, var(--party-panel), var(--party-panel-strong));border:1px solid var(--party-border);width:min(960px,92vw);box-shadow:var(--party-shadow);text-align:left;gap:24px;padding:clamp(28px,5vw,54px);animation:.7s ease-out both panel-in;display:grid;position:relative;overflow:hidden}.container:before,.container:after{content:"";pointer-events:none;opacity:.9;position:absolute}.container:before{background:radial-gradient(circle, rgba(var(--color-celestial-cyan-rgb), .28), transparent 70%);width:320px;height:320px;top:-160px;right:-120px}.container:after{background:radial-gradient(circle, rgba(var(--color-nebula-violet-rgb), .26), transparent 70%);width:320px;height:320px;bottom:-160px;left:-120px}.hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;display:grid}.logo-link{display:inline-flex}.logo{width:clamp(120px,18vw,200px);height:auto;filter:drop-shadow(0 8px 24px rgba(var(--color-celestial-cyan-rgb), .4));display:block}.hero-text{gap:8px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.38em;color:var(--party-text-muted);margin:0;font-size:.65rem}h1{letter-spacing:.24em;text-transform:uppercase;color:var(--party-text-strong);margin:0;font-size:clamp(2rem,4vw,3rem)}.hero-subtitle{color:var(--party-text-muted);max-width:520px;margin:0;line-height:1.6}.step-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.step-card{border:1px solid var(--party-border);background:rgba(var(--color-midnight-rgb), .4);border-radius:18px;padding:16px 18px;animation:.6s ease-out both fade-up;position:relative;overflow:hidden}.step-card:nth-child(2){animation-delay:.1s}.step-card:after{content:"";background:linear-gradient(120deg, transparent, rgba(var(--color-celestial-cyan-rgb), .12), transparent);opacity:.6;transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.step-card:hover:after{transform:translate(120%)}.step-label{text-transform:uppercase;letter-spacing:.28em;color:var(--party-accent);align-items:center;gap:10px;font-size:.7rem;display:inline-flex}.step-label:before{content:"";background:var(--party-accent);width:18px;height:2px;box-shadow:0 0 10px rgba(var(--color-celestial-cyan-rgb), .5);border-radius:999px}.step-card p{color:var(--party-text-muted);margin:10px 0 0;font-size:.95rem;line-height:1.6}.party-form{gap:12px;animation:.6s ease-out .18s both fade-up;display:grid}.party-form label{text-transform:uppercase;letter-spacing:.22em;color:var(--party-text-muted);font-size:.7rem}.party-input-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}input[type=text]{border:1px solid var(--party-border);background:rgba(var(--color-midnight-rgb), .65);width:100%;color:var(--party-text);letter-spacing:.08em;border-radius:999px;padding:14px 18px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,transform .2s}input[type=text]::placeholder{color:rgba(var(--color-starlight-rgb), .5);letter-spacing:.12em}input[type=text]:focus{border-color:var(--party-accent);box-shadow:0 0 0 3px var(--party-ring);outline:none;transform:translateY(-1px)}.button{border:1px solid var(--party-border-strong);background:linear-gradient(135deg, rgba(var(--color-celestial-cyan-rgb), .22), rgba(var(--color-nebula-violet-rgb), .24));min-height:52px;color:var(--party-text-strong);text-transform:uppercase;letter-spacing:.18em;cursor:pointer;box-shadow:0 0 24px rgba(var(--color-celestial-cyan-rgb), .2), 0 10px 20px rgba(var(--color-midnight-rgb), .3);border-radius:999px;padding:14px 28px;font-size:.78rem;font-weight:700;transition:transform .15s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.button:after{content:"";background:linear-gradient(120deg,#0000,#ffffff73,#0000);width:60%;height:180%;transition:transform .6s;position:absolute;top:-40%;left:-60%;transform:translate(-120%)rotate(12deg)}.button:hover{border-color:var(--party-accent);box-shadow:0 0 28px rgba(var(--color-celestial-cyan-rgb), .3), 0 14px 28px rgba(var(--color-midnight-rgb), .4);transform:translateY(-2px)}.button:hover:after{transform:translate(220%)rotate(12deg)}.button:active{transform:translateY(1px)}.button:focus-visible{box-shadow:0 0 0 3px var(--party-ring), 0 10px 20px rgba(var(--color-midnight-rgb), .35);outline:none}@keyframes panel-in{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){main{padding:24px 16px 60px}.container{text-align:center}.hero{grid-template-columns:1fr;justify-items:center}.party-input-row{grid-template-columns:1fr}.button{width:100%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=vngrd-invite-page.deb8021f.css.map */