*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:var(--bg-deep)}body{font-family:Tenor Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-deep: #010306;--bg-primary: #050812;--gold-dark: #8B6D19;--gold-base: #D4AF37;--gold-light: #FFDF78;--text-primary: #F5F0E8;--divider: rgba(212, 175, 55, .3);--bg-mesh: radial-gradient(ellipse 80% 60% at 50% 45%, #030710 0%, transparent 70%), radial-gradient(ellipse 50% 70% at 15% 75%, #02050d 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 85% 25%, #02050d 0%, transparent 60%), radial-gradient(ellipse 40% 40% at 70% 70%, rgba(139, 109, 25, .02) 0%, transparent 50%), var(--bg-deep);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Tenor Sans", "Helvetica Neue", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--text-muted: rgba(245, 240, 232, .65);--text-dim: rgba(245, 240, 232, .42);--hair-gold: rgba(212, 175, 55, .22);--hair-soft: rgba(255, 255, 255, .08);--panel-bg: rgb(4, 4, 8);--panel-bg-hover: rgb(14, 14, 22);--panel-blur: blur(24px) saturate(130%);--panel-shadow-inset: inset 0 0 60px rgba(0, 0, 0, .5);--panel-glow-gold: 0 0 20px rgba(212, 175, 55, .06);--panel-transition: background .3s ease, border-color .3s ease, box-shadow .3s ease}::view-transition-old(root){animation:vt-slide-out .4s cubic-bezier(.22,1,.36,1)}::view-transition-new(root){animation:vt-slide-in .4s cubic-bezier(.22,1,.36,1)}@keyframes vt-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}[data-vt-back]::view-transition-old(root){animation:vt-back-out .4s cubic-bezier(.22,1,.36,1)}[data-vt-back]::view-transition-new(root){animation:vt-back-in .4s cubic-bezier(.22,1,.36,1)}@keyframes vt-back-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes vt-back-in{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:.01s}}.maze-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.auth-page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-shell{position:relative;z-index:1;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-brand{display:flex;flex-direction:column;align-items:center;gap:.55rem;margin-bottom:1.1rem}.login-logo{width:210px;height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}.login-wordmark{font-family:var(--font-sans);font-size:.72rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#f5f0e89e;padding-left:.32em}.login-heading{font-family:var(--font-sans);font-size:1.55rem;font-weight:600;letter-spacing:.01em;color:var(--text-primary);margin:0 0 .4rem}.login-sub{font-family:var(--font-sans);font-size:.9rem;color:#f5f0e88c;margin:0 0 1.6rem}.login-card{position:relative;width:100%;background:#090b12b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 20px 60px #00000073;padding:1.8rem 1.5rem;display:flex;flex-direction:column;align-items:center;transition:box-shadow .45s ease,border-color .45s ease}.login-card:hover{border-color:#d4af37b3;animation:login-glow-flow 5s ease-in-out infinite}@keyframes login-glow-flow{0%,to{box-shadow:0 20px 60px #00000073,-7px -5px 48px 2px #d4af3724,0 0 80px 6px #d4af370d}25%{box-shadow:0 20px 60px #00000073,7px -5px 56px 4px #d4af3729,0 0 88px 9px #d4af370f}50%{box-shadow:0 20px 60px #00000073,7px 6px 48px 2px #d4af3724,0 0 80px 6px #d4af370d}75%{box-shadow:0 20px 60px #00000073,-7px 6px 56px 4px #d4af3729,0 0 88px 9px #d4af370f}}@media(prefers-reduced-motion:reduce){.login-card:hover{animation:none;box-shadow:0 20px 60px #00000073,0 0 40px #d4af371a,0 0 80px 6px #d4af370d}}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:.7rem;width:100%;padding:.85rem 1rem;font-family:var(--font-sans);font-size:.92rem;font-weight:600;letter-spacing:.01em;color:#1a1a1f;background:#f4f4f5;border:1px solid transparent;border-radius:.85rem;cursor:pointer;transition:background .25s,box-shadow .25s,transform .1s}.login-google-btn:hover:not(:disabled){background:#fff;box-shadow:0 6px 20px #00000059}.login-google-btn:active:not(:disabled){transform:translateY(1px)}.login-google-btn:disabled{opacity:.6;cursor:default}.login-hint{font-family:var(--font-sans);font-size:.76rem;line-height:1.5;color:#f5f0e86b;margin:1rem 0 0}.login-form{width:100%;display:flex;flex-direction:column;gap:.7rem}.login-input{width:100%;padding:.85rem 1rem;font-family:var(--font-sans);font-size:.9rem;text-align:center;letter-spacing:.04em;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.7rem;outline:none;transition:border-color .25s,background .25s}.login-input::placeholder{color:#f5f0e866;letter-spacing:normal}.login-input:focus{border-color:#d4af3780;background:#ffffff12}.login-submit{width:100%;padding:.85rem 1rem;font-family:var(--font-sans);font-size:.92rem;font-weight:600;letter-spacing:.01em;color:#1a1a1f;background:#f4f4f5;border:1px solid transparent;border-radius:.85rem;cursor:pointer;transition:background .25s,box-shadow .25s,transform .1s}.login-submit:hover:not(:disabled){background:#fff;box-shadow:0 6px 20px #00000059}.login-submit:active:not(:disabled){transform:translateY(1px)}.login-submit:disabled{opacity:.6;cursor:default}@media(max-width:480px){.login-card{padding:1.4rem 1.15rem}.login-logo{width:168px}}.auth-card{position:relative;z-index:1;width:100%;max-width:440px;background:#121218eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(212,175,55,.25);border-radius:1.2rem;box-shadow:0 24px 80px #00000080,0 0 40px #d4af3714;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center}.auth-title{font-family:var(--font-serif);font-size:1.6rem;font-weight:400;color:var(--gold-light);margin:0 0 .5rem}.auth-subtitle{font-family:var(--font-sans);font-size:.85rem;color:#f5f0e88c;margin:0 0 1.75rem;line-height:1.5}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.8rem 1rem;font-family:var(--font-sans);font-size:.9rem;font-weight:500;letter-spacing:.03em;color:var(--text-primary);background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:1rem;cursor:pointer;transition:background .25s,border-color .25s}.auth-google-btn:hover:not(:disabled){background:#ffffff1f;border-color:#d4af3766}.auth-google-btn:disabled{opacity:.6;cursor:default}.auth-input{width:100%;padding:.75rem 1rem;font-family:var(--font-sans);font-size:.88rem;text-align:center;letter-spacing:.06em;color:var(--text-primary);background:#ffffff0a;border:1px solid rgba(212,175,55,.2);border-radius:.8em;outline:none;transition:border-color .25s}.auth-input::placeholder{color:#f5f0e859;letter-spacing:normal}.auth-input:focus{border-color:#d4af3780}.auth-submit{display:block;width:100%;margin-top:1rem;padding:.7rem 1rem;font-family:var(--font-sans);font-size:.88rem;font-weight:500;letter-spacing:.04em;color:var(--gold-light);background:#d4af3726;border:1px solid rgba(212,175,55,.35);border-radius:1rem;cursor:pointer;transition:background .25s,border-color .25s}.auth-submit:hover:not(:disabled){background:#d4af3740;border-color:#d4af3780}.auth-submit:disabled{opacity:.6;cursor:default}.auth-error{width:100%;margin:1rem 0 0;padding:.6rem .9rem;font-family:var(--font-sans);font-size:.8rem;color:#f0b4b4;background:#b43c3c1f;border:1px solid rgba(180,60,60,.3);border-radius:.8em}.auth-footer{margin-top:1.5rem;font-family:var(--font-sans);font-size:.78rem;color:#f5f0e873}.auth-link-btn{background:none;border:none;padding:0;font:inherit;color:#d4af37cc;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-link-btn:hover{color:var(--gold-light)}.auth-user-chip{display:flex;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.45rem .9rem .45rem .5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2rem}.auth-user-chip img{width:28px;height:28px;border-radius:50%}.auth-user-chip span{font-family:var(--font-sans);font-size:.8rem;color:#f5f0e8bf}.auth-loading{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem}.auth-spinner{width:36px;height:36px;border:2px solid rgba(212,175,55,.2);border-top-color:var(--gold-light);border-radius:50%;animation:auth-spin .9s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-loading-text{font-family:var(--font-sans);font-size:.8rem;letter-spacing:.08em;color:#f5f0e880}.hero{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-deep)}@keyframes gradient-rotate{0%{transform:translate(-50%,-50%) rotate(0) scale(1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.15);border-radius:60% 40% 30% 70%/50% 60% 40% 50%}to{transform:translate(-50%,-50%) rotate(360deg) scale(1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}}.gradient-blob{--blob-size: 500px;position:fixed;top:50%;left:50%;width:var(--blob-size);height:var(--blob-size);background:radial-gradient(circle at 40% 40%,#0b1c41,#174539);opacity:.7;filter:blur(calc(var(--blob-size) / 5));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:gradient-rotate 50s cubic-bezier(.8,.2,.2,.8) alternate infinite;z-index:0;pointer-events:none;will-change:transform}@media(min-width:720px){.gradient-blob{--blob-size: 750px}}.brand-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.brand-svg{width:360px;height:auto;overflow:visible;pointer-events:none}.w-symbol{fill:transparent;stroke:#fff;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;animation:drawStroke 1.6s cubic-bezier(.65,0,.35,1) forwards,strokeFade .5s ease forwards 1.6s}@keyframes drawStroke{0%{stroke-dashoffset:var(--path-len)}to{stroke-dashoffset:0}}@keyframes strokeFade{to{stroke-opacity:0}}.w-fill{fill:#fff;opacity:0;animation:fillReveal .6s ease forwards 1.3s}@keyframes fillReveal{to{opacity:1}}.w-glow{opacity:0;animation:glowPulse 3s ease-in-out infinite 2.8s;filter:blur(22px);fill:#ffffff38;transform:scale(1.15);transform-origin:center}@keyframes glowPulse{0%,to{opacity:.35}50%{opacity:1}}.letter-wrap{opacity:0;animation:fadeUp .5s cubic-bezier(.22,1,.36,1) forwards}.letter-wrap path{fill:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.divider-line{stroke:#fff;stroke-width:.4;stroke-dasharray:250;stroke-dashoffset:250;opacity:.35;animation:drawLine .8s ease forwards 2.95s}@keyframes drawLine{to{stroke-dashoffset:0}}.tagline{opacity:0;animation:taglineFade .8s cubic-bezier(.22,1,.36,1) forwards;animation-delay:3.1s}@keyframes taglineFade{0%{opacity:0;transform:translateY(6px)}to{opacity:.55;transform:translateY(0)}}.iniciar-button{background-color:#fff0;border:.125rem solid rgba(255,255,255,.2);cursor:pointer;letter-spacing:.2125rem;line-height:1;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;-webkit-user-select:none;user-select:none;pointer-events:auto;margin-top:-4rem;opacity:0;animation:fadeUp .6s cubic-bezier(.22,1,.36,1) forwards;animation-delay:3.5s;transition:background-color .3s cubic-bezier(.19,1,.22,1),border 1s cubic-bezier(.19,1,.22,1),color .6s cubic-bezier(.19,1,.22,1)}.iniciar-button a{color:#fff9;display:block;font-family:Varela Round,sans-serif;font-size:.875rem;padding:1.25rem 1.875rem;position:relative;text-decoration:none;white-space:nowrap;z-index:2;transition:color .6s cubic-bezier(.19,1,.22,1)}.iniciar-button .mask{background-color:#ffffff14;height:6.25rem;position:absolute;transform:translate3d(-120%,-3.125rem,0) rotate3d(0,0,1,45deg);transition:all 1.1s cubic-bezier(.19,1,.22,1);width:12.5rem;z-index:1;pointer-events:none}.iniciar-button .shift{display:inline-block;transition:all 1.1s cubic-bezier(.19,1,.22,1);vertical-align:text-top}.iniciar-button:hover{background-color:#ffffff0d;border-color:#fff;box-shadow:0 0 .3125rem #fffc}.iniciar-button:hover a{color:#fff}.iniciar-button:hover .mask{background-color:#fff;transform:translate3d(120%,-6.25rem,0) rotate3d(0,0,1,90deg)}.iniciar-button:hover .shift{transform:translate(.3125rem)}.iniciar-button:active{background-color:#fff}.iniciar-button:active a{color:#0a0f1e}@media(max-width:768px){.brand-svg{width:240px}.iniciar-button{margin-top:1rem}.iniciar-button a{font-size:.75rem;padding:1rem 1.5rem}}