@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #3B82F6;--primary-dark: #2563EB;--primary-light: #60A5FA;--secondary-color: #8B5CF6;--accent-color: #10B981;--text-primary: #1F2937;--text-secondary: #6B7280;--text-light: #9CA3AF;--bg-primary: #FFFFFF;--bg-secondary: #F9FAFB;--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius-sm: .375rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-page{height:100vh;background-color:var(--bg-primary);display:flex;flex-direction:column;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:1000;transition:var(--transition)}.header.scrolled{box-shadow:var(--shadow-md)}.header-container{max-width:1280px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;transition:var(--transition)}.logo:hover{transform:scale(1.05)}.beta-tag{font-size:.5em;font-style:italic;font-weight:400;opacity:.7;-webkit-text-fill-color:var(--text-secondary)}.nav{display:flex;gap:2.5rem;align-items:center}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9375rem;position:relative;transition:var(--transition)}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:var(--transition)}.nav-link:hover{color:var(--primary-color)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--primary-color)}.btn{padding:.625rem 1.5rem;border-radius:var(--border-radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:var(--transition);border:none;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:.625rem 1.25rem}.btn-ghost:hover{color:var(--primary-color);background:#3b82f60d}.auth-buttons{display:flex;gap:.75rem;align-items:center}.hero{flex:1;display:flex;align-items:center;padding:2rem;background:linear-gradient(180deg,#3b82f608,#fff);margin-top:4rem;overflow-y:auto}.hero-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-1px}.hero-title .gradient-text{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.7;font-weight:400}.hero-cta{display:flex;gap:1rem}.btn-large{padding:.875rem 2rem;font-size:1rem}.hero-image{position:relative;animation:fadeInRight .8s ease-out .2s both}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero-illustration{width:100%;height:auto;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);transition:var(--transition)}.hero-illustration:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px #00000026}.hero-split{display:flex;align-items:stretch;height:calc(100vh - 4rem)}.hero-container-split{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;width:100%;max-width:none;margin:0}.hero-image-section{display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);animation:fadeInLeft .8s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.hero-image-section .hero-illustration{max-width:80%;max-height:70vh;object-fit:contain}.hero-content-section{display:flex;flex-direction:column;justify-content:center;padding:3rem 4rem;position:relative}.hero-content-section .hero-content{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-features{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9375rem}.feature-item svg{color:var(--accent-color);flex-shrink:0}.hero-cta-bottom{position:absolute;bottom:3rem;right:4rem}.btn-enhance{display:flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.125rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-lg);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #3b82f666}50%{box-shadow:0 4px 25px #8b5cf699}}.btn-enhance:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #8b5cf680}.btn-enhance svg{width:24px;height:24px}@media(max-width:1024px){.hero-container-split{grid-template-columns:1fr}.hero-image-section{display:none}.hero-content-section{padding:2rem}.hero-cta-bottom{position:static;margin-top:2rem}}@media(max-width:768px){.hero-content-section{padding:1.5rem}.btn-enhance{width:100%;justify-content:center}}.features{padding:6rem 2rem;background-color:var(--bg-secondary)}.features-container{max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:#fff;padding:2.5rem;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:var(--transition)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{width:64px;height:64px;border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1.5rem;transition:var(--transition)}.feature-card:nth-child(1) .feature-icon{background:linear-gradient(135deg,#3b82f61a,#3b82f633);color:var(--primary-color)}.feature-card:nth-child(2) .feature-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf633);color:var(--secondary-color)}.feature-card:nth-child(3) .feature-icon{background:linear-gradient(135deg,#10b9811a,#10b98133);color:var(--accent-color)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.feature-description{font-size:1rem;color:var(--text-secondary);line-height:1.7}.footer{background-color:var(--text-primary);color:#fff;padding:.75rem 2rem .5rem}.footer-container{max-width:1280px;margin:0 auto;text-align:center}.footer-logo{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.footer-text{color:var(--text-light);font-size:.875rem;margin-top:.25rem}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:3rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.nav-links{display:none}.hero{padding:6rem 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.hero-cta{flex-direction:column}.features{padding:4rem 1.5rem}.section-title{font-size:2rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.dropdown-item{width:100%;padding:.875rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s ease}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-background{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);z-index:0}.orb-1{width:400px;height:400px;background:#fb718580;top:-100px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:#60a5fa80;bottom:-150px;right:-150px;animation-delay:5s}.orb-3{width:350px;height:350px;background:#a78bfa80;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}.login-card{position:relative;z-index:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;animation:slideUp .6s ease-out}.login-header{text-align:center;margin-bottom:2.5rem}.login-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.login-subtitle{color:#64748b;font-size:.95rem;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-button{width:100%;padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #667eea66}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.login-footer p{color:#64748b;font-size:.9rem;margin:0}.login-footer a{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s ease}.login-footer a:hover{color:#764ba2}.back-home a:hover{color:#667eea}@media(max-width:640px){.login-card{padding:2rem}.login-title{font-size:1.75rem}.gradient-orb{filter:blur(60px)}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.register-background{position:absolute;inset:0;background:linear-gradient(135deg,#f093fb,#f5576c);z-index:0}.gradient-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6;animation:float 15s ease-in-out infinite}.orb-1{width:400px;height:400px;background:#667eea80;top:-100px;right:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:#f5576c80;bottom:-150px;left:-150px;animation-delay:5s}.orb-3{width:350px;height:350px;background:#f093fb80;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.register-card{position:relative;z-index:1;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;width:100%;max-width:600px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-header{text-align:center;margin-bottom:2.5rem}.register-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.register-subtitle{color:#64748b;font-size:.95rem;margin:0}.error-message{display:flex;align-items:center;gap:.75rem;background:#fee2e2;color:#dc2626;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#1e293b;font-size:.9rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#94a3b8;pointer-events:none}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;color:#1e293b}.input-wrapper input:focus{outline:none;border-color:#f093fb;box-shadow:0 0 0 3px #f093fb1a}.input-wrapper input:disabled{background:#f1f5f9;cursor:not-allowed}.input-wrapper input::placeholder{color:#cbd5e1}.register-button{width:100%;padding:1rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 15px #f093fb66}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.register-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.register-footer p{color:#64748b;font-size:.9rem;margin:0}.register-footer a{color:#f5576c;text-decoration:none;font-weight:600;transition:color .3s ease}.register-footer a:hover{color:#f093fb}.back-home{text-align:center;margin-top:1rem}.back-home a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease;display:inline-flex;align-items:center;gap:.25rem}.back-home a:hover{color:#f5576c}@media(max-width:640px){.register-card{padding:2rem}.register-title{font-size:1.75rem}.form-row{grid-template-columns:1fr;gap:1.25rem}.gradient-orb{filter:blur(60px)}}.registration-success{text-align:center;padding:2rem 0}.registration-success .success-icon{margin-bottom:1.5rem}.registration-success h2{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.registration-success .success-message{color:#10b981;font-size:1.1rem;margin-bottom:1rem}.registration-success .success-hint{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:2rem}.registration-success .success-hint strong{color:#1f2937}.registration-success .success-actions{margin-top:1.5rem}.registration-success .btn-login{display:inline-block;padding:.875rem 2rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #f093fb66}.registration-success .btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f093fb80}.verify-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.verify-container{width:100%;max-width:440px}.verify-card{background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 20px 60px #0003;text-align:center}.verify-spinner{margin-bottom:1.5rem}.spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.verify-icon{margin-bottom:1.5rem}.verify-icon.success{color:#10b981}.verify-icon.error{color:#ef4444}.verify-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.verify-message{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.verify-redirect{color:#9ca3af;font-size:.875rem;font-style:italic}.verify-actions{margin-top:1.5rem}.verify-actions .btn{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:transform .2s,box-shadow .2s}.verify-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.resend-hint{margin-top:1rem;color:#9ca3af;font-size:.875rem}.enhancement-page{min-height:100vh;background-color:var(--bg-secondary);display:flex;flex-direction:column}.enhancement-main{flex:1;padding:6rem 2rem 2rem;width:100%;overflow-y:auto;display:flex;flex-direction:column;position:relative}.page-highlight{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.4}.enhance-input-container{max-width:1000px;margin:0 auto;width:100%}.input-section{background:#fff;border-radius:var(--border-radius-xl);padding:1.5rem 2rem;box-shadow:var(--shadow-md);margin-bottom:1.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.section-title svg{color:var(--primary-color)}.jd-actions{display:flex;gap:.5rem}.jd-textarea{width:100%;padding:1.25rem;border:2px solid #E5E7EB;border-radius:var(--border-radius-lg);font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.7;color:var(--text-primary);resize:vertical;transition:border-color .2s ease;background-color:#fafafa;min-height:250px}.jd-textarea:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.jd-textarea::placeholder{color:var(--text-light)}.enhance-action{display:flex;justify-content:center;margin-top:1rem}.btn-enhance-main{display:flex;align-items:center;gap:.75rem;padding:1rem 3rem;font-size:1.125rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:var(--shadow-lg)}.btn-enhance-main:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-enhance-main:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-overlay-fullpage{position:fixed;inset:0;background:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;z-index:1000}.loading-overlay-fullpage p{font-size:1.125rem;color:var(--text-secondary);font-weight:500}.back-navigation{margin-bottom:1rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;transition:var(--transition);padding:.5rem 0}.back-link:hover{color:var(--primary-color)}.back-link svg{width:20px;height:20px;transition:var(--transition)}.back-link:hover svg{transform:translate(-3px)}.page-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.editor-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:.5rem;flex:1;min-height:0}.editor-section{background:#fff;border-radius:var(--border-radius-xl);padding:1.5rem;box-shadow:var(--shadow-md);display:flex;flex-direction:column;transition:var(--transition);flex:1;min-height:0}.editor-section:hover{box-shadow:var(--shadow-lg)}.editor-label{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.editor-label svg{width:24px;height:24px;color:var(--primary-color)}.backend-message-display{flex:1;height:2rem;background-color:var(--bg-secondary);border:1px solid #E5E7EB;border-radius:var(--border-radius-md);overflow:hidden;display:flex;align-items:center}.backend-message-content{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;padding:0 .75rem;font-size:.875rem;color:var(--text-secondary);white-space:nowrap;display:flex;align-items:center}.backend-message-content::-webkit-scrollbar{height:4px}.backend-message-content::-webkit-scrollbar-track{background:transparent}.backend-message-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.backend-message-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.editor-textarea{flex:1;min-height:200px;padding:1rem;border:2px solid #E5E7EB;border-radius:var(--border-radius-md);font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.6;color:var(--text-primary);resize:none;transition:var(--transition);background-color:var(--bg-secondary)}.editor-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.editor-textarea::placeholder{color:var(--text-light)}.editor-textarea:disabled{background-color:#f3f4f6;cursor:not-allowed}.char-count{margin-top:.75rem;font-size:.875rem;color:var(--text-secondary);text-align:right}.action-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn-icon{display:flex;align-items:center;gap:.5rem}.btn-icon svg{width:20px;height:20px}.btn-success{background:linear-gradient(135deg,var(--accent-color),#059669);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-disabled{opacity:.5;cursor:not-allowed}.btn-disabled:hover{transform:none}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-xl);z-index:10}.loading-spinner{width:48px;height:48px;border:4px solid #E5E7EB;border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-message{text-align:center;padding:1rem;margin:1rem 0;border-radius:var(--border-radius-md);font-weight:500}.status-message.success{background-color:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.status-message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #FECACA}.status-message.info{background-color:#dbeafe;color:#1e40af;border:1px solid #BFDBFE}.org-context-section{margin-bottom:1rem}.org-context-toggle{width:100%;display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1px solid #E5E7EB;border-radius:var(--border-radius-lg);cursor:pointer;font-size:.9375rem;font-weight:500;color:var(--text-primary);transition:var(--transition)}.org-context-toggle:hover{border-color:var(--primary-color);background:#f9fafb}.org-context-toggle svg:first-child{color:var(--primary-color)}.org-context-toggle span{flex:1;text-align:left}.context-badge{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;font-size:.75rem;padding:.25rem .625rem;border-radius:1rem;font-weight:600}.org-context-form{margin-top:.75rem;padding:1.5rem;background:#fff;border:1px solid #E5E7EB;border-radius:var(--border-radius-lg);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.org-context-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.org-context-group{display:flex;flex-direction:column;gap:.875rem}.org-context-group h4{font-size:.875rem;font-weight:600;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;padding-bottom:.5rem;border-bottom:2px solid #E5E7EB}.form-field{display:flex;flex-direction:column;gap:.375rem}.form-field label{font-size:.8125rem;font-weight:500;color:var(--text-secondary)}.form-field input,.form-field textarea,.form-field select{padding:.625rem .75rem;border:1px solid #E5E7EB;border-radius:var(--border-radius-md);font-size:.875rem;font-family:Inter,sans-serif;color:var(--text-primary);transition:var(--transition);background-color:#f9fafb}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-light)}.form-field textarea{resize:vertical;min-height:60px}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}@media(max-width:1024px){.org-context-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.org-context-grid{grid-template-columns:1fr}.org-context-form{padding:1rem}}@media(max-width:1024px){.editor-container{grid-template-columns:1fr}.editor-textarea{min-height:300px}}@media(max-width:768px){.enhancement-main{padding:6rem 1.5rem 2rem}.page-title{font-size:2rem}.editor-section{padding:1.5rem}.action-buttons{flex-direction:column}.action-buttons .btn{width:100%}}.file-input-hidden{display:none}.user-menu-container{position:relative}.user-menu-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;color:#1e293b;transition:all .3s ease}.user-menu-button:hover{background:#f8fafc;border-color:#cbd5e1}.user-menu-button svg:last-child{margin-left:.25rem}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;min-width:280px;z-index:100;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:1.25rem;display:flex;gap:1rem;align-items:center}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.user-details{flex:1;min-width:0}.user-name{font-weight:600;color:#1e293b;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:.85rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-item{width:100%;padding:.875rem 1.25rem;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.dropdown-item:hover{background:#f8fafc}.logout-button{color:#dc2626;border-radius:0 0 12px 12px}.logout-button:hover{background:#fee2e2}@media(max-width:768px){.user-dropdown{min-width:240px}}.results-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-secondary)}.results-main{flex:1;padding:6rem 2rem 2rem;max-width:1200px;margin:0 auto;width:100%}.success-banner{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.3);border-radius:var(--border-radius-xl);padding:1.5rem 2rem;margin-bottom:2rem;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.success-content h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.success-content p{color:var(--text-secondary);font-size:1rem}.success-content .stat{font-weight:600;color:var(--primary-color)}.kg-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-left:.75rem}.results-container{background:#fff;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);padding:2rem}.results-actions{display:flex;flex-wrap:wrap;gap:.5rem}.results-actions .btn-icon{display:flex;align-items:center;gap:.5rem}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.section-label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.section-label svg{color:var(--accent-color)}.enhanced-jd-section{margin-bottom:2rem}.enhanced-jd-textarea{width:100%;padding:1.5rem;border:2px solid #E5E7EB;border-radius:var(--border-radius-lg);font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.7;color:var(--text-primary);resize:vertical;transition:border-color .2s ease,background-color .2s ease;min-height:400px;background-color:#f9fafb}.enhanced-jd-textarea:read-only{cursor:default}.enhanced-jd-textarea.editing{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.enhanced-jd-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.results-actions .btn:disabled{opacity:.5;cursor:not-allowed}.results-actions .btn:disabled:hover{transform:none}.char-count{text-align:right;font-size:.8125rem;color:var(--text-light);margin-top:.5rem}.skills-summary{border-top:1px solid #E5E7EB;padding-top:1.5rem}.skills-summary h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.skill-card{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius-md);padding:1rem;transition:all .2s ease}.skill-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-color)}.skill-code{font-size:.75rem;font-weight:700;color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px}.skill-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:.25rem 0}.skill-level{font-size:.8125rem;color:var(--text-secondary)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:var(--bg-secondary)}@media(max-width:768px){.results-main{padding:5rem 1rem 1rem}.success-banner{flex-direction:column;text-align:center;padding:1.25rem}.results-container{padding:1.25rem}.results-actions{flex-direction:column}.results-actions .btn{width:100%;justify-content:center}.skills-grid{grid-template-columns:1fr}}