@import"https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap";:root{--font-geist: "Geist", sans-serif;--color-bg-dark: #050505;--color-bg-card: #121212;--color-text-primary: #f5f5f5;--color-text-secondary: #737373;--color-border: #262626;--color-accent-red: #ef4444;--color-accent-glow: rgba(239, 68, 68, .15);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 4rem;--spacing-2xl: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{font-family:var(--font-geist);background-color:var(--color-bg-dark);color:var(--color-text-primary);line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--color-accent-red);color:#fff}::-moz-selection{background-color:var(--color-accent-red);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}.container{width:100%;height:100%;display:flex;flex-direction:column}.text-accent{color:var(--color-accent-red)}.text-secondary{color:var(--color-text-secondary)}.hover-opacity{transition:opacity .3s ease}.hover-opacity:hover{opacity:.7}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.home-container{width:100%;height:100vh;position:relative;background-color:var(--color-bg-dark);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fixed-header{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:50}.simple-logo{display:flex;align-items:baseline;gap:4px}.logo-text{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.02em}.logo-dot{width:6px;height:6px;background-color:var(--color-accent-red);border-radius:50%;margin-bottom:4px}@media(min-width:768px){.fixed-header{top:var(--spacing-lg);left:var(--spacing-lg)}.logo-text{font-size:1.75rem}.logo-dot{width:7px;height:7px}}@media(max-width:767px){.fixed-header{display:none}}.horizontal-scroll-wrapper{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;-webkit-overflow-scrolling:touch;will-change:scroll-position}.character-section{flex:0 0 100vw;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;position:relative;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.character-content{width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);transform:translateZ(0)}.text-content{width:100%;height:auto;display:flex;flex-direction:column;justify-content:flex-start}.image-content{width:100%;height:45vh;display:flex;justify-content:center;align-items:center}@media(min-width:768px){.character-content{flex-direction:row;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl)}.text-content{flex:1;max-width:450px;height:auto;z-index:10;transform:translateZ(0)}.image-content{flex:1;height:85%;display:flex;justify-content:flex-end;align-items:center;transform:translateZ(0)}}@media(min-width:1200px){.character-content{padding:0 var(--spacing-2xl)}.image-content{flex:1.2;height:90%}.text-content{max-width:500px}}.char-name{font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-xs);letter-spacing:-.02em;text-rendering:optimizeLegibility}@media(min-width:768px){.char-name{font-size:3.5rem}}@media(min-width:900px){.char-name{font-size:5rem}}.char-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-md);font-weight:500}.char-desc{font-size:.9rem;line-height:1.5;margin-bottom:var(--spacing-lg);max-width:400px}.talk-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-weight:500;font-size:.95rem;transition:all .3s ease;transform:translateZ(0);width:fit-content;text-decoration:none}.talk-button:hover{background-color:var(--color-text-primary);color:var(--color-bg-dark);border-color:var(--color-text-primary);box-shadow:0 0 20px #ffffff1a}.image-wrapper{position:relative;width:100%;height:45vh;max-height:45vh;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md);transform:translateZ(0);will-change:transform}@media(min-width:768px){.image-wrapper{width:100%;height:100%;max-height:70vh;max-width:500px;margin-bottom:0}}@media(min-width:1200px){.image-wrapper{max-height:80vh;max-width:600px}}.char-portrait{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;backface-visibility:hidden}.gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,var(--color-bg-dark),transparent);pointer-events:none}.skeleton{background-color:var(--color-surface);position:relative;overflow:hidden;border-radius:4px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff0d 20%,#ffffff1a 60%,#fff0);animation:shimmer 2s infinite}.skeleton.text{height:1em;width:100%;margin-bottom:.5em}.skeleton.rect{width:100%;height:100%}.skeleton.circle{border-radius:50%;width:40px;height:40px}@keyframes shimmer{to{transform:translate(100%)}}.home-container.skeleton-mode{overflow:hidden}.home-container.skeleton-mode .character-section{pointer-events:none}.logo-container{display:inline-block;cursor:pointer;font-size:2.5rem;font-weight:700;color:var(--color-primary)}.logo-txt{display:inline-block;white-space:nowrap}.header-dot{display:inline-block;color:var(--color-accent-red);transition:color .3s ease}@media(max-width:768px){.logo-container{font-size:2rem}}@media(max-width:480px){.logo-container{font-size:1.75rem}}.scroll-indicator{position:fixed;bottom:var(--spacing-md);left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:100;padding:8px 12px}.indicator-dot{width:6px;height:6px;border-radius:50%;background-color:#fff3;transition:all .3s cubic-bezier(.4,0,.2,1)}.indicator-dot.active{background-color:var(--color-accent-red);width:20px;border-radius:var(--radius-full)}@media(min-width:768px){.scroll-indicator{bottom:var(--spacing-lg)}.indicator-dot{width:7px;height:7px}.indicator-dot.active{width:24px}}.character-profile{width:400px;height:100%;background-color:var(--color-bg-dark);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;flex-shrink:0;z-index:101;position:relative}.profile-header{position:absolute;top:0;left:0;right:0;height:70px;display:flex;align-items:center;padding:0 var(--spacing-md);z-index:10;background:#0a0a0a99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.back-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500;transition:color .2s ease;padding:8px 12px;border-radius:20px}.back-link:hover{color:var(--color-text-primary)}.profile-content{flex:1;overflow-y:auto;padding:90px var(--spacing-lg) var(--spacing-xl)}.profile-image-container{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;position:relative;margin-bottom:var(--spacing-lg);box-shadow:0 10px 30px #0000004d}.profile-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.profile-image-container:hover .profile-image{transform:scale(1.05)}.profile-gradient{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.profile-identity{margin-bottom:var(--spacing-xl)}.profile-name{font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.profile-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-red);margin-bottom:var(--spacing-md);font-weight:600}.profile-desc{font-size:.95rem;line-height:1.6;color:var(--color-text-secondary)}.profile-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.detail-section{border-top:1px solid rgba(255,255,255,.05);padding-top:var(--spacing-md)}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);opacity:.7;margin-bottom:var(--spacing-sm)}.detail-text{font-size:.95rem;color:var(--color-text-primary);line-height:1.5}.use-case-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.use-case-item{font-size:.9rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm)}.use-case-item:before{content:"•";color:var(--color-accent-red);font-size:1.2rem;line-height:0}@media(max-width:899px){.character-profile{width:85%;max-width:340px;height:100%;background-color:#0a0a0af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:none;box-shadow:10px 0 40px #0009}.profile-image-container{display:block;aspect-ratio:16/9;margin-top:10px}.profile-content{padding:80px var(--spacing-md) var(--spacing-xl)}.profile-name{font-size:2rem}.profile-details{display:flex}}.chat-page-container.skeleton-mode .message-group{display:flex;margin-bottom:1.5rem;align-items:flex-end}.chat-page-container.skeleton-mode .message-bubble-skeleton{position:relative;overflow:hidden}.chat-page-container.skeleton-mode .chat-messages{padding:2rem;flex:1;display:flex;flex-direction:column}.typing-indicator-container{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;animation:fade-in .3s ease}.typing-avatar{width:32px;height:32px;border-radius:10px;overflow:hidden;flex-shrink:0;margin-top:4px}.typing-avatar img{width:100%;height:100%;object-fit:cover}.typing-bubble{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px 16px 16px;padding:14px 18px;display:flex;gap:6px;align-items:center;min-height:20px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:#fff6;animation:typing-pulse 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,60%,to{opacity:.4;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){.typing-avatar{display:none}}.chat-interface{flex:1;display:flex;flex-direction:column;height:100%;background-color:var(--color-bg-card);position:relative}.chat-header-minimal{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(to bottom,rgba(10,10,10,.8),transparent)}.header-content{display:flex;align-items:center;gap:var(--spacing-md)}.mobile-menu-trigger{display:none;flex-direction:column;gap:4px;padding:8px}.menu-dot{width:4px;height:4px;background-color:var(--color-text-primary);border-radius:50%}.header-options-btn{color:var(--color-text-secondary);opacity:.5;transition:opacity .2s}.header-options-btn:hover{opacity:1}.chat-scroll-area{flex:1;overflow-y:auto;padding-top:80px;padding-bottom:20px;display:flex;flex-direction:column;align-items:center}.chat-content-width{width:100%;max-width:800px;padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.message-group{display:flex;gap:var(--spacing-md);width:100%}.user-group{justify-content:flex-end}.char-group{justify-content:flex-start}.message-avatar-small{width:32px;height:32px;border-radius:10px;overflow:hidden;flex-shrink:0;margin-top:4px}.message-avatar-small img{width:100%;height:100%;object-fit:cover}.message-bubble-premium{max-width:75%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.5;position:relative;box-shadow:0 2px 10px #0000000d}.char-group .message-bubble-premium{background-color:#ffffff08;border:1px solid rgba(255,255,255,.05);border-top-left-radius:4px;color:var(--color-text-primary)}.user-group .message-bubble-premium{background-color:var(--color-text-primary);color:var(--color-bg-dark);border-top-right-radius:4px;font-weight:500}.message-timestamp{display:block;font-size:.65rem;margin-top:4px;opacity:.5;text-align:right}.message-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.message-status{font-size:.65rem;opacity:.5;font-style:italic}.message-bubble-premium.failed{border-color:#ff47574d;background-color:#ff47570d}.retry-message-btn{display:flex;align-items:center;gap:4px;font-size:.65rem;color:#ff4757;cursor:pointer;transition:all .2s;padding:2px 6px;border-radius:4px}.retry-message-btn:hover{background-color:#ff47571a;transform:scale(1.05)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background-color:#ff47571a;border:1px solid rgba(255,71,87,.3);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);animation:slide-down .3s ease}.error-banner-content{display:flex;align-items:center;gap:var(--spacing-sm);color:#ff4757;font-size:.9rem;font-weight:500}.error-close-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:#ff4757;font-size:1.5rem;cursor:pointer;border-radius:50%;transition:all .2s;flex-shrink:0}.error-close-btn:hover{background-color:#ff475733}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-actions-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:#141414f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px;min-width:160px;box-shadow:0 10px 30px #0000004d;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;color:var(--color-text-primary);font-size:.9rem;transition:background-color .2s}.dropdown-item:hover{background-color:#ffffff0d}.dropdown-item.danger{color:#ff4757}.dropdown-item.danger:hover{background-color:#ff47571a}.input-wrapper-premium{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-lg) var(--spacing-lg);background:linear-gradient(to top,var(--color-bg-card) 80%,transparent)}.input-glass-container{width:100%;max-width:800px;background-color:#141414cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:6px 6px 6px 20px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 40px #0003;transition:all .3s ease}.input-glass-container:focus-within{border-color:#ffffff4d;background-color:#1e1e1ef2;box-shadow:0 15px 50px #0000004d;transform:translateY(-2px)}.chat-textarea{flex:1;background:transparent;border:none;color:var(--color-text-primary);font-size:1rem;line-height:1.5;padding:12px 0;resize:none;max-height:150px;outline:none;font-family:inherit}.chat-textarea::placeholder{color:var(--color-text-secondary);opacity:.5}.send-btn-premium{width:40px;height:40px;background-color:var(--color-text-primary);color:var(--color-bg-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;opacity:1;margin-right:5px}.send-btn-premium.disabled{background-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed;transform:none!important}.send-btn-premium:not(.disabled):hover{transform:scale(1.05);box-shadow:0 0 15px #ffffff4d}.input-footer-text{font-size:.7rem;color:var(--color-text-secondary);opacity:.4;margin-top:8px}@media(max-width:768px){.chat-content-width{padding:0 var(--spacing-sm)}.message-group{margin-bottom:12px}}@media(min-width:900px){.message-avatar-small{display:none}}@media(max-width:899px){.mobile-menu-trigger{display:flex}.chat-scroll-area{padding:60px var(--spacing-md) 10px}.input-wrapper-premium{padding:0 var(--spacing-sm) var(--spacing-sm)}.input-footer-text{display:none}.message-bubble-premium{max-width:85%}}.markdown-content{font-size:.95rem;line-height:1.6}.markdown-content p{margin-bottom:.8em}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin-bottom:.8em;padding-left:1.5em}.markdown-content li{margin-bottom:.4em}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1em;margin-bottom:.6em;font-weight:600;line-height:1.3}.markdown-content h1{font-size:1.4em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content a{color:#4dabf7;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content blockquote{border-left:3px solid rgba(255,255,255,.2);padding-left:1em;margin:.8em 0;color:#ffffffb3;font-style:italic}.markdown-content code{background-color:#0003;padding:.2em .4em;border-radius:4px;font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em}.markdown-content pre{margin:.8em 0;border-radius:8px;overflow:hidden}.markdown-content pre>div{margin:0!important;border-radius:8px!important;background-color:#0000004d!important}.user-group .markdown-content a{color:#fff;text-decoration:underline}.user-group .markdown-content code{background-color:#fff3}.user-group .markdown-content pre>div{background-color:#0003!important}.error-boundary-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--color-bg-dark);background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.03) 0%,transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.03) 0%,transparent 40%);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;overflow:hidden}.error-glass-panel{background:#14141499;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:48px;max-width:480px;width:100%;text-align:center;box-shadow:0 24px 48px #0006;animation:slide-up-fade .5s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;align-items:center}.error-icon-wrapper{width:80px;height:80px;background:#ff3b301a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(255,59,48,.2)}.error-icon-svg{color:#ff3b30;animation:pulse-error 2s infinite}.error-title{font-family:Outfit,sans-serif;font-size:1.75rem;font-weight:600;color:var(--color-text-primary);margin-bottom:12px;letter-spacing:-.02em}.error-message{font-size:1rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:32px;max-width:320px}.error-actions{display:flex;gap:16px;justify-content:center;margin-bottom:32px;width:100%}.error-btn-primary,.error-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:100px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1);font-family:Inter,sans-serif;min-width:140px}.error-btn-primary{background:var(--color-text-primary);color:var(--color-bg-dark);border:none}.error-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff40}.error-btn-secondary{background:#ffffff0d;color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1)}.error-btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#fff3}.error-dev-details{margin-top:0;text-align:left;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;width:100%}.dev-details-summary{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;opacity:.7;transition:opacity .2s}.dev-details-summary:hover{opacity:1}.code-block{background:#0006;padding:16px;border-radius:12px;font-family:JetBrains Mono,monospace;font-size:.75rem;color:#ff6b6b;overflow-x:hidden;white-space:pre-wrap;border:1px solid rgba(255,59,48,.15);max-height:150px;overflow-y:auto;word-break:break-all}.code-block::-webkit-scrollbar{width:6px}.code-block::-webkit-scrollbar-track{background:transparent}.code-block::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.code-block::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-error{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.chat-page-container{display:flex;width:100vw;height:100vh;background-color:var(--color-bg-dark);overflow:hidden;position:relative}.profile-wrapper{height:100%;flex-shrink:0;z-index:50;transition:transform .3s cubic-bezier(.16,1,.3,1)}.chat-interface-wrapper{flex:1;height:100%;position:relative;z-index:1}.profile-overlay{display:none}@media(max-width:899px){.chat-page-container{height:100dvh}.profile-wrapper{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);z-index:100;transition:transform .35s cubic-bezier(.32,.72,0,1)}.profile-wrapper.open{transform:translate(0)}.profile-overlay{display:none}.profile-overlay.open{display:block;position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;animation:fade-in .3s ease}}.auth-centered-container{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:var(--color-bg-dark);background:radial-gradient(circle at center,#1a1a1a,#050505);font-family:var(--font-geist);color:var(--color-text-primary);overflow:hidden}.auth-content-wrapper{width:100%;max-width:500px;padding:var(--spacing-xl);display:flex;flex-direction:column;align-items:center;animation:fade-in-up .6s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-logo-section{margin-bottom:var(--spacing-2xl);transform:scale(1.2)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-header h1{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-xs);letter-spacing:-.02em}.auth-header p{color:var(--color-text-secondary);font-size:1rem}.auth-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.input-group{position:relative;width:100%}.input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none;transition:color .3s ease;z-index:2}.rounded-input{width:100%;background-color:#ffffff0d;border:1px solid transparent;border-radius:9999px;padding:16px 20px 16px 50px;color:var(--color-text-primary);font-size:1rem;font-family:inherit;transition:all .3s ease;outline:none}.rounded-input:focus{background-color:#ffffff14;border-color:#ffffff1a;box-shadow:0 0 0 4px #ffffff05}.rounded-input:focus~.input-icon{color:var(--color-text-primary)}.rounded-input:-webkit-autofill,.rounded-input:-webkit-autofill:hover,.rounded-input:-webkit-autofill:focus,.rounded-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #121212 inset!important;-webkit-text-fill-color:var(--color-text-primary)!important;transition:background-color 5000s ease-in-out 0s;caret-color:var(--color-text-primary);border-radius:9999px}.error-message{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--color-accent-red);font-size:.8rem;display:flex;align-items:center;gap:4px;opacity:0;animation:slide-in-right .3s forwards;pointer-events:none}@keyframes slide-in-right{0%{opacity:0;transform:translate(10px,-50%)}to{opacity:1;transform:translateY(-50%)}}.rounded-btn{width:100%;padding:16px;background-color:var(--color-text-primary);color:var(--color-bg-dark);border:none;border-radius:9999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:var(--spacing-sm)}.rounded-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003;background-color:#fff}.rounded-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-toggle{margin-top:var(--spacing-xl);text-align:center;font-size:.9rem;color:var(--color-text-secondary)}.toggle-link{color:var(--color-text-primary);background:none;border:none;cursor:pointer;font-weight:600;margin-left:6px;transition:color .2s}.toggle-link:hover{color:var(--color-accent-red);text-decoration:underline}@media(max-width:480px){.auth-content-wrapper{padding:var(--spacing-lg);width:100%}.auth-header h1{font-size:1.75rem}}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:#ef4444;font-size:14px;animation:fade-in-up .3s ease-out}.server-status-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:50px;font-size:.9rem;font-weight:500;z-index:9999;box-shadow:0 10px 30px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:slideUp .4s cubic-bezier(.16,1,.3,1);white-space:nowrap}.server-status-toast.info{background:#1e1e1ecc;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.server-status-toast.success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#34d399}.server-status-toast.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}