.gate-shell{position:relative;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column;color:var(--text);overflow-x:hidden}.gate-shell .content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;padding:2.5rem 1.5rem 3rem;width:100%}.gate-shell .content>:first-child{margin-top:auto}.gate-shell .content>:last-child{margin-bottom:auto}.gate-shell .content--fill>:first-child,.gate-shell .content--fill>:last-child{margin-top:0;margin-bottom:0}.gate-shell .hero{text-align:center;margin-bottom:2rem;flex-shrink:0}.gate-shell .logo{font-family:var(--font-display);font-size:clamp(2.4rem,9vw,4rem);font-weight:300;letter-spacing:.55em;margin:0 0 1rem;color:var(--text);line-height:1}.gate-shell .logo .tld{font-size:.5em;color:var(--gold);letter-spacing:.2em;font-weight:400}.gate-shell .motto{color:var(--text-muted);font-size:.65rem;letter-spacing:.3em;text-transform:uppercase;margin:0}.gate-shell .path-header{text-align:center;margin-bottom:1rem;width:100%;max-width:480px}.gate-shell .path-numeral{font-family:var(--font-display);font-size:1.1em;font-weight:400;font-style:normal;color:var(--gold);margin-right:.35em}.gate-shell .path-header--shame .bivio-latin{color:var(--text-muted)}.gate-shell .path-header--primary .bivio-latin .path-numeral{text-shadow:0 0 28px rgba(201,169,110,.25)}.gate-shell .bivio-latin{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--gold);letter-spacing:.06em;margin:0 0 .5rem}.gate-shell .bivio-sub{color:var(--text-muted);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;margin:0;line-height:1.6}.gate-shell .flow{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.gate-shell .flow--wide{max-width:560px}.gate-shell .flow--fill{flex:1;min-height:0;width:100%;max-width:none}.gate-shell .card{width:100%;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:12px;padding:2rem 1.5rem;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;gap:1.25rem}.gate-shell .card-center{text-align:center;align-items:center}.gate-shell .card-lead{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:300;letter-spacing:.08em;color:var(--text);text-align:center}.gate-shell .card-body{margin:0;font-size:.78rem;line-height:1.7;color:var(--text-muted);text-align:center}.gate-shell .form-section{display:flex;flex-direction:column;gap:1.25rem;width:100%}.gate-shell .input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.gate-shell .input-group label{color:var(--gold);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600}.gate-shell .label-optional{color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:.05em}.gate-shell .input-row{display:flex;gap:.75rem}.gate-shell .input-row .input-group{flex:1;min-width:0}.gate-shell .input-group input,.gate-shell .input-group select,.gate-shell .plea-input,.gate-shell .code-input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:14px 16px;border-radius:4px;font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .3s,box-shadow .3s;width:100%;box-sizing:border-box}.gate-shell .code-input{font-size:1.15rem;letter-spacing:.35em;text-align:center;text-transform:uppercase;padding:16px}.gate-shell .code-input::placeholder{color:#333;letter-spacing:.35em}.gate-shell .input-group input::placeholder,.gate-shell .plea-input::placeholder{color:#333}.gate-shell .input-group input:focus,.gate-shell .input-group select:focus,.gate-shell .plea-input:focus,.gate-shell .code-input:focus{border-color:var(--gold);box-shadow:0 0 10px #c9a96e1a}.gate-shell .input-group select{appearance:none;cursor:pointer}.gate-shell .input-group select:invalid,.gate-shell .input-group select option[value=""]{color:var(--text-muted)}.gate-shell .helper-text,.gate-shell .fine-print{color:var(--text-muted);font-size:.68rem;margin:0;line-height:1.6}.gate-shell .fine-print{font-size:.58rem;text-align:center}.gate-shell .plea-hint{text-align:right}.gate-shell .reassure{font-size:.68rem;line-height:1.6;color:#6a8a6a;margin:0;border:1px solid rgba(106,138,106,.25);border-radius:4px;padding:.75rem 1rem;text-align:left}.gate-shell .country-scroll{display:flex;gap:.45rem;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gate-shell .country-scroll::-webkit-scrollbar{height:4px}.gate-shell .country-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.gate-shell .country-pill{flex-shrink:0;display:flex;align-items:center;gap:.35rem;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:.45rem .7rem;border-radius:20px;font-size:.68rem;letter-spacing:.04em;transition:border-color .25s,color .25s,background .25s}.gate-shell .country-pill:hover{border-color:var(--border-hover);color:var(--text)}.gate-shell .country-pill.selected{border-color:var(--gold);color:var(--gold);background:#c9a96e14}.gate-shell .pill-flag{font-size:1rem;line-height:1}.gate-shell .pill-name{white-space:nowrap;max-width:7.5rem;overflow:hidden;text-overflow:ellipsis}.gate-shell .vibe-grid{display:flex;flex-direction:column;gap:.65rem;max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.gate-shell .vibe-grid::-webkit-scrollbar{width:4px}.gate-shell .vibe-grid::-webkit-scrollbar-thumb{background:var(--border)}.gate-shell .vibe-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.9rem 1rem;cursor:pointer;transition:all .25s ease;text-align:left;width:100%}.gate-shell .vibe-card:hover{border-color:var(--border-hover);background:#ffffff05}.gate-shell .vibe-card.selected{border-color:var(--gold);background:#c9a96e0f}.gate-shell .vibe-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.gate-shell .vibe-label{font-weight:600;font-size:.82rem;letter-spacing:.05em;color:var(--text)}.gate-shell .vibe-card.selected .vibe-label{color:var(--gold)}.gate-shell .vibe-check{color:var(--gold);font-weight:700}.gate-shell .vibe-desc{font-size:.72rem;color:var(--text-muted);margin:0;line-height:1.45}.gate-shell .plea-input{resize:none;line-height:1.5;font-size:.82rem}.gate-shell .product-amount{font-family:var(--font-display);font-size:clamp(2.5rem,10vw,3.5rem);font-weight:300;color:var(--text);line-height:1;margin:.5rem 0 0;text-align:center}.gate-shell .form-error{color:#c47a7a;font-size:.72rem;letter-spacing:.06em;text-align:center;margin:0}.gate-shell .btn-gold{background:var(--gold);color:#080808;border:1px solid var(--gold);padding:16px 24px;font-size:.7rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;transition:background .3s,box-shadow .3s;width:100%;box-shadow:0 0 24px #c9a96e2e}.gate-shell .btn-gold:hover:not(:disabled){background:var(--gold-bright);box-shadow:0 0 32px #c9a96e4d}.gate-shell .btn-gold:disabled{opacity:.35;cursor:not-allowed}.gate-shell .btn-outline{background:transparent;color:var(--text);border:1px solid var(--border-hover);padding:16px 24px;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;transition:border-color .3s,color .3s;width:100%}.gate-shell .btn-outline:hover{border-color:var(--gold);color:var(--gold)}.gate-shell .btn-ghost{background:transparent;color:var(--text-muted);border:none;padding:10px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.gate-shell .btn-ghost:hover{color:var(--text)}.gate-shell .status-text{margin:0;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.gate-shell .status-latin{font-family:var(--font-display);font-style:italic;color:var(--gold);font-size:.9rem;letter-spacing:.08em;margin:0}.gate-shell .status-label{font-family:var(--font-display);font-size:1.25rem;font-weight:300;margin:0;color:var(--text)}.gate-shell .status-hint{font-size:.78rem;color:var(--text-muted);margin:0;line-height:1.6;max-width:320px;text-align:center}.gate-shell .login-link{color:var(--text-muted);font-size:.62rem;letter-spacing:.12em;cursor:pointer;transition:color .3s;text-align:center;margin:.5rem 0 0}.gate-shell .login-link span{color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--border-hover)}.gate-shell .login-link:hover{color:var(--text)}.gate-shell .spinner{width:36px;height:36px;border:2px solid var(--border);border-top-color:var(--gold);border-radius:50%;animation:gate-spin 1s linear infinite}@keyframes gate-spin{to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #0d0d0d;--border: #1c1c1c;--border-hover: #2e2e2e;--text: #e8e4dc;--text-muted: #48454f;--gold: #c9a96e;--gold-bright: #e6c98a;--gold-dim: rgba(201, 169, 110, .35);--error: #7a3535;--font-display: "Cormorant Garamond", Georgia, serif;--font-body: -apple-system, "Helvetica Neue", Arial, sans-serif;--atmo-base: #050505;--atmo-deep: #080808;--atmo-glow: rgba(201, 169, 110, .14);--atmo-glow-2: rgba(139, 108, 55, .08);--glass-bg: rgba(10, 10, 10, .55);--glass-border: rgba(201, 169, 110, .12);--glass-shadow: 0 24px 64px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .03)}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}button{font-family:var(--font-body);cursor:pointer}.plebs-atmosphere,.video-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--atmo-base)}.atmosphere-photo{position:absolute;inset:0;background-image:url(/assets/backgrounds/plebs-atmosphere-bg.jpg);background-size:cover;background-position:center 20%;background-repeat:no-repeat;transform:scale(1.02)}.atmosphere-base{position:absolute;inset:0;background:radial-gradient(ellipse 100% 70% at 50% 0%,rgba(201,169,110,.28) 0%,transparent 55%),radial-gradient(ellipse 60% 45% at 88% 25%,rgba(139,108,55,.18) 0%,transparent 50%),linear-gradient(180deg,#08070659,#050505d1 55%,#020202f2)}.atmosphere-rays{position:absolute;inset:-20%;background:conic-gradient(from 210deg at 50% 35%,transparent 0deg,rgba(201,169,110,.04) 25deg,transparent 50deg,rgba(201,169,110,.03) 80deg,transparent 120deg,rgba(139,108,55,.05) 200deg,transparent 280deg);animation:atmo-drift 28s ease-in-out infinite alternate;opacity:.85}.atmosphere-arch{position:absolute;left:50%;top:-8%;width:min(140vw,900px);height:55vh;transform:translate(-50%);border-radius:0 0 50% 50%;border:1px solid rgba(201,169,110,.22);border-top:none;box-shadow:0 0 100px #c9a96e1f,inset 0 -40px 80px #00000073;opacity:.9}.atmosphere-floor{position:absolute;left:0;right:0;bottom:0;height:38vh;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%)}.atmosphere-grain{position:absolute;inset:0;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:180px 180px}.atmosphere-vignette,.overlay{position:absolute;inset:0;background:radial-gradient(ellipse 85% 65% at 50% 40%,transparent 20%,rgba(0,0,0,.5) 100%),linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 30%,transparent 65%,rgba(0,0,0,.55) 100%)}.plebs-atmosphere--wallet .atmosphere-base{background:radial-gradient(ellipse 90% 60% at 50% 20%,rgba(201,169,110,.11) 0%,transparent 60%),radial-gradient(ellipse 50% 40% at 20% 80%,rgba(60,48,30,.2) 0%,transparent 55%),linear-gradient(180deg,#0a0908 0%,var(--atmo-base) 100%)}.plebs-atmosphere--arena .atmosphere-photo{background-position:center 15%;opacity:.95}.plebs-atmosphere--arena .atmosphere-base{background:radial-gradient(ellipse 100% 65% at 50% 0%,rgba(201,169,110,.22) 0%,transparent 52%),linear-gradient(180deg,#08070640,#050505bf 60%,#020202eb)}.plebs-atmosphere--gate .atmosphere-photo{background-image:url(/assets/backgrounds/roman-gate-bg.jpg);background-position:center 30%;opacity:1}.plebs-atmosphere--gate .atmosphere-base{background:radial-gradient(ellipse 80% 55% at 50% 12%,rgba(201,169,110,.2) 0%,transparent 58%),linear-gradient(180deg,#06050426,#0303038c 42%,#020202e0)}.plebs-atmosphere--gate .atmosphere-vignette{background:radial-gradient(ellipse 70% 55% at 50% 38%,transparent 8%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,rgba(0,0,0,.05) 0%,transparent 22%,transparent 58%,rgba(0,0,0,.7) 100%)}@keyframes atmo-drift{0%{transform:rotate(-2deg) scale(1)}to{transform:rotate(3deg) scale(1.04)}}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);border-radius:10px}@media(prefers-reduced-motion:reduce){.atmosphere-rays{animation:none}}