@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/f818a3577f594807-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/6210b7a783c2f3da-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/07d468ddf7350ed5-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/35d29cc38e277dea-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e7a7e5dfd8853b53-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Comfortaa;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/215b7dfa0255317a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Comfortaa Fallback;src:local("Arial");ascent-override:74.95%;descent-override:19.91%;line-gap-override:0.00%;size-adjust:117.54%}.__className_504037{font-family:Comfortaa,Comfortaa Fallback;font-style:normal}

/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-1\/2{top:50%}.top-full{top:100%}.bottom-full{bottom:100%}.left-1\/2{left:50%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.max-h-\[28rem\]{max-height:28rem}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3\/4{max-width:75%}.min-w-\[44px\]{min-width:44px}.min-w-\[300px\]{min-width:300px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1)}.-translate-x-1\/2,.-translate-y-1\/2{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-left{text-align:left}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#1e3c72,#2a5298 50%,#7e22ce);min-height:100vh;font-family:Comfortaa,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.top-nav{z-index:100;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:relative}.nav-logo{color:#fff;text-shadow:0 2px 10px #0000004d;font-size:1.4em;font-weight:700}.auth-button{color:#fff;cursor:pointer;backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:25px;padding:10px 25px;font-family:Comfortaa,sans-serif;font-weight:600;transition:all .3s}.auth-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.hero{text-align:center;color:#fff;padding:80px 20px 60px}.hero h1{text-shadow:0 4px 20px #0000004d;margin-bottom:20px;font-size:4em;animation:fadeInDown 1s}.hero p{opacity:.95;max-width:700px;margin:0 auto 20px;font-size:1.5em;animation:fadeInUp 1s}.subtitle{opacity:.8;font-size:1.1em;animation:fadeInUp 1.2s}.gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1400px;margin:0 auto;padding:40px 20px 80px;display:grid}.personality-card{cursor:pointer;background:#fff;border-radius:20px;transition:all .4s;animation:fadeIn .8s backwards;overflow:hidden;box-shadow:0 10px 40px #0000004d}.personality-card:first-child{animation-delay:.1s}.personality-card:nth-child(2){animation-delay:.2s}.personality-card:nth-child(3){animation-delay:.3s}.personality-card:nth-child(4){animation-delay:.4s}.personality-card:nth-child(5){animation-delay:.5s}.personality-card:nth-child(6){animation-delay:.6s}.personality-card:nth-child(7){animation-delay:.7s}.personality-card:nth-child(8){animation-delay:.8s}.personality-card:hover{box-shadow:0 20px 60px #00000080}.card-image{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;height:320px;font-size:120px;display:flex;position:relative;overflow:hidden}.card-image:before{content:"";background:radial-gradient(circle at 30% 30%,#fff3,#0000);position:absolute;inset:0}.card-image.einstein{background:linear-gradient(135deg,#4e54c8,#8f94fb)}.card-image.cleopatra{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-image.davinci{background:linear-gradient(135deg,#fa709a,#fee140)}.card-image.shakespeare{background:linear-gradient(135deg,#30cfd0,#330867)}.card-image.curie{background:linear-gradient(135deg,#a8edea,#fed6e3)}.card-image.socrates{background:linear-gradient(135deg,#ff9a56,#ff6a88)}.card-image.genghis{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.card-image.frida{background:linear-gradient(135deg,#fdbb2d,#22c1c3)}.card-content{padding:25px}.card-name{color:#1a1a1a;margin-bottom:10px;font-size:1.6em;font-weight:700}.card-role{color:#666;margin-bottom:15px;font-size:1em;font-weight:500}.card-description{color:#888;margin-bottom:20px;font-size:.95em;line-height:1.6}.card-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;width:100%;padding:14px;font-size:1em;font-weight:700;transition:all .3s}.card-button:hover{transform:scale(1.05);box-shadow:0 5px 20px #667eea66}.stats{border-top:1px solid #eee;justify-content:space-around;margin-top:15px;padding:15px 0;display:flex}.stat{text-align:center}.stat-label{color:#999;margin-top:5px;font-size:.8em}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features{backdrop-filter:blur(10px);background:#ffffff1a;margin:40px 0;padding:60px 20px}.features-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.feature{text-align:center;color:#fff;padding:20px}.feature-icon{margin-bottom:15px;font-size:3em}.feature h3{margin-bottom:10px;font-size:1.3em}.feature p{opacity:.9;line-height:1.6}.footer{backdrop-filter:blur(10px);color:#fff;background:#0000004d;margin-top:80px;padding:60px 20px 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1400px;margin:0 auto 40px;display:grid}.footer-section h3{margin-bottom:15px;font-size:1.5em}.footer-section h4{color:#fff;margin-bottom:15px;font-size:1.2em}.footer-section p{opacity:.9;margin-bottom:20px;line-height:1.6}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#fffc;text-decoration:none;transition:all .3s;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(5px)}.social-links{gap:15px;margin-top:20px;display:flex}.social-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.3em;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{background:#fff3;transform:translateY(-5px)}.footer-bottom{text-align:center;opacity:.8;border-top:1px solid #ffffff1a;padding-top:30px}.footer-bottom p{margin-bottom:10px}.footer-disclaimer{opacity:.7;font-size:.9em}@media (max-width:768px){.hero h1{font-size:2.5em}.hero p{font-size:1.2em}.gallery{padding:20px}.footer-content,.gallery{grid-template-columns:1fr}.footer-content{gap:30px}}.top-bar{backdrop-filter:blur(10px);color:#fff;background:#0000004d;justify-content:space-between;padding:15px 30px}.logo,.top-bar{align-items:center;display:flex}.logo{gap:10px;font-size:1.3em;font-weight:700}.back-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:20px;padding:10px 20px;font-family:Comfortaa,sans-serif;font-size:.95em;transition:all .3s}.back-button:hover{background:#ffffff4d}.chat-container{flex:1;gap:20px;width:100%;max-width:1400px;margin:20px auto;padding:0 20px;display:flex}.sidebar{backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;flex-direction:column;width:320px;padding:25px;display:flex;box-shadow:0 10px 40px #0000004d}.personality-header{text-align:center;margin-bottom:25px}.personality-avatar{background:linear-gradient(135deg,#4e54c8,#8f94fb);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 15px;font-size:60px;display:flex;box-shadow:0 5px 20px #4e54c84d}.personality-name{color:#1a1a1a;margin-bottom:5px;font-size:1.4em;font-weight:700}.personality-role{color:#666;font-size:.95em}.personality-bio{background:#f8f9fa;border-radius:15px;margin-bottom:20px;padding:20px}.bio-title{color:#333;margin-bottom:10px;font-size:.95em;font-weight:700}.bio-text{color:#666;font-size:.85em;line-height:1.6}.personality-stats{background:#f8f9fa;border-radius:15px;margin-bottom:20px;padding:15px}.stat-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;padding:10px 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-size:.85em}.stat-value{color:#333;font-size:.85em;font-weight:700}.suggested-topics{background:#f8f9fa;border-radius:15px;padding:15px}.suggested-topics h4{color:#333;margin-bottom:12px;font-size:.95em}.topic-tag{color:#667eea;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:20px;margin:5px 5px 5px 0;padding:8px 15px;font-size:.8em;transition:all .3s;display:inline-block}.topic-tag:hover{color:#fff;background:#667eea;border-color:#667eea}.chat-area{backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 10px 40px #0000004d}.chat-header{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);gap:15px;padding:20px 30px}.chat-avatar,.chat-header{align-items:center;display:flex}.chat-avatar{background:#fff3;border-radius:50%;justify-content:center;width:50px;height:50px;font-size:24px}.chat-info h2{margin-bottom:5px;font-size:1.3em}.chat-status{opacity:.9;align-items:center;gap:5px;font-size:.85em;display:flex}.status-indicator{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #667eea4d}50%{transform:scale(1.05);box-shadow:0 15px 40px #667eea66}}.messages-area{background:#fafafa;flex:1;padding:30px;overflow-y:auto}.message{box-sizing:border-box;gap:12px;margin-bottom:20px;padding:10px;animation:slideIn .3s;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.message.user .message-avatar{background:linear-gradient(135deg,#34d399,#10b981)}.message-bubble{background:#fff;border-radius:18px;max-width:65%;padding:15px 18px;box-shadow:0 2px 10px #0000000d}.message.user .message-bubble{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2)}.message-text{font-size:.95em;line-height:1.5}.message-time{opacity:.6;margin-top:8px;font-size:.75em}.typing-indicator{align-items:center;gap:12px;padding:20px 0;display:none}.typing-indicator.active{display:flex}.typing-dots{background:#fff;border-radius:18px;gap:5px;padding:15px 20px;display:flex;box-shadow:0 2px 10px #0000000d}.dot{background:#999;border-radius:50%;width:8px;height:8px;animation:typing 1.4s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.input-area{background:#fff;border-top:1px solid #e0e0e0;align-items:center;gap:15px;padding:20px 30px;display:flex}.input-wrapper{flex:1;position:relative}.message-input{resize:none;border:2px solid #e0e0e0;border-radius:25px;outline:none;width:100%;padding:15px 20px;font-family:Comfortaa,sans-serif;font-size:.95em;transition:all .3s}.message-input:focus{border-color:#667eea}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3em;transition:all .3s;display:flex}.send-button:hover{transform:scale(1.1);box-shadow:0 5px 20px #667eea66}.send-button:active{transform:scale(.95)}@media (max-width:1024px){.sidebar{display:none}}@media (max-width:768px){.chat-container{padding:0 10px}.top-bar{padding:15px}.messages-area{padding:20px 15px}.message-bubble{max-width:80%}.input-area{padding:15px}}.auth-container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:450px;min-height:100vh;margin:0 auto;padding:20px;display:flex}.logo-section{text-align:center;margin-bottom:30px;animation:fadeInDown .6s}.logo-section .logo{margin-bottom:10px;font-size:3em}.logo-section .logo-text{color:#fff;text-shadow:0 2px 10px #0000004d;font-size:2em;font-weight:700}.logo-section .logo-subtitle{color:#ffffffe6;margin-top:10px;font-size:.95em}.auth-box{background:#fff;border-radius:25px;width:100%;padding:40px;animation:fadeInUp .6s;box-shadow:0 20px 60px #0000004d}.tabs{background:#f0f0f0;border-radius:15px;gap:10px;margin-bottom:30px;padding:5px;display:flex}.tab{text-align:center;cursor:pointer;color:#666;border-radius:12px;flex:1;padding:12px;font-weight:600;transition:all .3s}.tab.active{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.form-container{position:relative}.form{animation:fadeIn .4s;display:none}.form.active{display:block}.form-title{color:#1a1a1a;text-align:center;margin-bottom:25px;font-size:1.5em}.input-group{margin-bottom:20px}.input-label{color:#333;margin-bottom:8px;font-size:.9em;font-weight:600;display:block}.input-field{border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:Comfortaa,sans-serif;font-size:.95em;transition:all .3s}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.password-wrapper{position:relative}.toggle-password{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.2em;transition:opacity .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.toggle-password:hover{opacity:1}.forgot-password{text-align:right;margin-top:-10px;margin-bottom:20px}.forgot-password a{color:#667eea;font-size:.85em;text-decoration:none;transition:opacity .3s}.forgot-password a:hover{opacity:.8}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;width:100%;margin-top:10px;padding:15px;font-family:Comfortaa,sans-serif;font-size:1em;font-weight:700;transition:all .3s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.submit-button:active{transform:translateY(0)}.divider{color:#999;align-items:center;margin:25px 0;font-size:.85em;display:flex}.divider:after,.divider:before{content:"";background:#e0e0e0;flex:1;height:1px}.divider span{padding:0 15px}.social-login{gap:10px;margin-bottom:20px;display:flex}.social-button{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px;font-size:1.5em;transition:all .3s;display:flex}.social-button:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}.terms{color:#666;text-align:center;margin-top:20px;font-size:.8em;line-height:1.5}.terms a{color:#667eea;text-decoration:none}.terms a:hover{text-decoration:underline}.checkbox-group{align-items:center;gap:10px;margin-bottom:20px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-group label{color:#666;cursor:pointer;font-size:.85em}@media (max-width:480px){.auth-box{padding:30px 25px}.logo-section .logo-text{font-size:1.6em}.form-title{font-size:1.3em}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.verification-header{text-align:center;margin-bottom:30px}.verification-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;animation:pulse 2s infinite;display:inline-flex;box-shadow:0 10px 30px #667eea4d}.verification-description{color:#666;margin:10px 0 5px;font-size:.95em}.verification-email{color:#667eea;margin:5px 0 0;font-size:1em;font-weight:600}.verification-code-input{text-align:center;letter-spacing:1rem;font-family:Courier New,monospace;font-weight:600;padding:20px!important;font-size:2rem!important}.verification-code-input::-moz-placeholder{letter-spacing:1.5rem;opacity:.3}.verification-code-input::placeholder{letter-spacing:1.5rem;opacity:.3}.error-message{color:#c33;text-align:center;background:#fee;border:1px solid #fcc;border-radius:10px;margin:15px 0;padding:12px 16px;font-size:.9em;animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.button-loading{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite}.resend-section{text-align:center;border-top:1px solid #e0e0e0;margin-top:25px;padding-top:20px}.resend-text{color:#666;font-size:.9em}.resend-button{color:#667eea;cursor:pointer;background:0 0;border:none;margin:0;padding:0;font-size:.9em;font-weight:600;text-decoration:underline;transition:all .3s}.resend-button:hover:not(:disabled){color:#764ba2;transform:translateY(-1px)}.resend-button:disabled{opacity:.5;cursor:not-allowed}.char-counter{font-size:.8em;transition:all .3s}.char-counter.warning{color:#f59e0b;font-weight:600}.char-counter.error{color:#ef4444;font-weight:700;animation:pulse 1s infinite}.message-input{transition:border-color .3s,box-shadow .3s}.message-input:focus{outline:none}.message-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.message-input.warning{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}