:root{--portal-accent:#f36;--portal-accent-2:#00f0ff;--portal-bg:#050505;--portal-surface:#0a0a0a;--portal-border:#222}.portal{background:var(--portal-bg);color:#fff;flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.portal__bg-text,.portal__title,.portal__nav-brand{font-family:var(--font-playfair),serif}.portal__grid{z-index:0;pointer-events:none;position:absolute;inset:0}.portal__grid-lines{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.portal__spotlight{pointer-events:none;z-index:1;mix-blend-mode:screen;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);width:600px;height:600px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.portal__bg-text{z-index:0;opacity:.025;filter:blur(2px);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;font-size:20vw;font-weight:900;line-height:.8;animation:60s linear infinite subtle-drift;display:flex;position:absolute;inset:0;overflow:hidden}.portal__nav{z-index:10;justify-content:space-between;align-items:center;padding:30px 40px;display:flex;position:relative}.portal__nav-brand{letter-spacing:-.05em;color:#fff;font-size:1.5rem;font-weight:700}.portal__nav-link{font-family:var(--font-playfair),serif;color:#fff9;letter-spacing:.02em;font-size:1.1rem;font-style:italic;text-decoration:none;transition:all .3s}.portal__nav-link:hover{color:#fff;text-shadow:0 0 12px #fff6}.portal__main{z-index:5;perspective:1200px;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.portal__card-stack{width:100%;max-width:500px;height:350px;transform-style:preserve-3d;position:relative}.portal__card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141414cc;border:1px solid #ffffff1a;border-radius:24px;position:absolute;inset:0}.portal__card--1{z-index:1;background:linear-gradient(135deg,#ff33661a,#0000);transform:translateZ(-40px)scale(.95)}.portal__card--2{z-index:2;background:linear-gradient(135deg,#00f0ff1a,#0000);transform:translateZ(-80px)scale(.9)}.portal__card-content{z-index:10;background:#0a0a0a99;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;justify-content:center;height:100%;padding:48px;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080}.portal__card-content--focused{border-color:#fff3;transform:translateY(-2px);box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff0d,0 0 40px #ffffff05}.portal__header{text-align:center;margin-bottom:32px}.portal__title{letter-spacing:-.02em;margin:0 0 12px;font-size:3rem;font-weight:700}.portal__subtitle{color:#ffffff80;font-size:.95rem}.portal__form{width:100%;position:relative}.portal__input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;padding:6px 6px 6px 16px;transition:all .2s;display:flex;position:relative}.portal__form--focused .portal__input-wrapper{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff0d}.portal__input-icon{color:#ffffff4d;margin-right:12px;font-family:monospace;font-size:1.2rem}.portal__input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem}.portal__input::placeholder{color:#ffffff4d}.portal__submit{color:#000;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex}.portal__submit:hover{background:#f0f0f0;transform:scale(1.05)}.portal__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.portal__spinner{border:2px solid #0000001a;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal__error{color:#ffffffb3;text-align:center;letter-spacing:.01em;margin-top:16px;font-size:.9rem;font-weight:500}@keyframes subtle-drift{0%{opacity:.08;transform:translateY(0)}50%{opacity:.05;transform:translateY(12px)}to{opacity:.08;transform:translateY(0)}}.portal__footer{opacity:.6;justify-content:center;align-items:center;gap:24px;padding:24px;font-size:.8rem;display:flex}.portal__legal-link{color:inherit;opacity:.7;text-decoration:none;transition:opacity .2s}.portal__legal-link:hover{opacity:1;text-decoration:underline}@media (max-width:600px){.portal__card-stack{height:auto;min-height:300px}.portal__card-content{padding:32px 24px}.portal__bg-text{font-size:25vw}.portal__spotlight{display:none}}