*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 24px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}::selection{background:#ff6b3533;color:#333}.language-selector{position:relative;z-index:1000}.language-selector-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff6b354d}.language-selector-btn:hover{background:linear-gradient(135deg,#e85a2a,#ff7c32);box-shadow:0 4px 12px #ff6b3566;transform:translateY(-1px)}.language-flag{font-size:18px;line-height:1}.language-name{font-weight:500}.dropdown-arrow{transition:transform .2s ease}.language-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;max-height:400px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;list-style:none;padding:8px;margin:0;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .15s ease;color:#333}.language-option:hover{background:#f5f5f5}.language-option.active{background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff}.language-option .language-name{flex:1}.check-icon{flex-shrink:0}.language-dropdown::-webkit-scrollbar{width:6px}.language-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.language-dropdown::-webkit-scrollbar-thumb:hover{background:#aaa}[dir=rtl] .language-dropdown{right:auto;left:0}[dir=rtl] .language-selector-btn{flex-direction:row-reverse}@media(max-width:768px){.language-selector-btn{padding:6px 10px}.language-selector-btn .language-name{display:none}.language-dropdown{min-width:160px;right:0}}.header{background:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:8px;text-decoration:none;font-size:1.5rem;font-weight:700}.logo-icon{font-size:2rem}.logo-icon-svg{width:44px;height:44px;transition:transform .3s ease}.logo:hover .logo-icon-svg{transform:rotate(10deg) scale(1.05)}.logo-text{color:#333}.logo-ai{color:#ff6b35}.nav{display:flex;gap:8px}.nav-link{text-decoration:none;color:#666;padding:10px 20px;border-radius:8px;font-weight:500;transition:all .3s ease}.nav-link:hover{color:#ff6b35;background:#ff6b3514}.nav-link-active{color:#ff6b35;background:#ff6b351f}.header-actions{display:flex;align-items:center;gap:16px}.auth-buttons{display:flex;align-items:center;gap:8px}.auth-btn{padding:8px 16px;border-radius:8px;font-weight:500;font-size:14px;text-decoration:none;transition:all .2s ease}.login-btn{color:#666;background:transparent}.login-btn:hover{color:#ff6b35;background:#ff6b3514}.register-btn{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8c42)}.register-btn:hover{background:linear-gradient(135deg,#e55a2b,#e57a35);transform:translateY(-1px);box-shadow:0 2px 8px #ff6b354d}.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f5f5f5;border:none;border-radius:24px;cursor:pointer;transition:all .2s ease}.user-menu-trigger:hover{background:#eee}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b35,#ff8c42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-name{font-size:14px;font-weight:500;color:#333;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#666;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001f;min-width:180px;padding:8px;z-index:1000}.user-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;border-radius:8px;text-decoration:none;color:#333;font-size:14px;cursor:pointer;transition:background .2s ease}.user-menu-item:hover{background:#f5f5f5}.user-menu-item.logout{color:#e53935}.user-menu-item.logout:hover{background:#ffebee}.user-menu-item.premium{color:#ff6b35;font-weight:600}.user-menu-item.premium svg{color:#ff6b35}.premium-badge-header{color:#ff6b35;font-size:.75rem;margin-left:2px}.premium-badge-header.plus-badge{color:#8b5cf6}@media(max-width:768px){.header-container{flex-direction:column;gap:16px}.nav{width:100%;justify-content:center}.nav-link{padding:8px 12px;font-size:.875rem}.header-actions{width:100%;justify-content:center}.user-name{display:none}.auth-buttons{gap:8px}.auth-btn{padding:8px 12px;font-size:13px}}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;padding:60px 0 30px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-top{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-logo{display:flex;align-items:center;gap:10px}.footer-logo .logo-icon{font-size:2.5rem}.footer-logo .logo-text{font-size:1.75rem;font-weight:700;color:#fff}.footer-logo .logo-ai{color:#ff6b35}.footer-logo-svg{width:48px;height:48px}.footer-description{color:#9ca3af;line-height:1.7;font-size:.95rem;max-width:320px}.footer-social{display:flex;gap:12px;margin-top:8px}.social-link{width:42px;height:42px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-link:hover{background:#ff6b35;transform:translateY(-3px)}.social-link svg{width:20px;height:20px;color:#fff}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.footer-section h4{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;color:#ff6b35;position:relative;padding-bottom:10px}.footer-section h4:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff6b35}.footer-section a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:12px;font-size:.95rem;transition:all .3s ease;position:relative;padding-left:0}.footer-section a:hover{color:#fff;padding-left:8px}.footer-section a:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:2px;background:#ff6b35;transition:width .3s ease}.footer-section a:hover:before{width:4px}.footer-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);margin-bottom:24px}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:#6b7280;font-size:.875rem;margin:0}.footer-tagline{color:#ff6b35!important;font-weight:500}@media(max-width:992px){.footer-top{grid-template-columns:1fr;gap:40px}.footer-brand{align-items:center;text-align:center}.footer-description{max-width:100%}.footer-social{justify-content:center}.footer-links{grid-template-columns:repeat(3,1fr);text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.footer-section a,.footer-section a:hover{padding-left:0}.footer-section a:before{display:none}}@media(max-width:640px){.footer-links{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:8px;text-align:center}}.layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:32px 24px;max-width:1200px;width:100%;margin:0 auto}@media(max-width:768px){.main-content{padding:24px 16px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.loading-spinner{position:relative}.spinner{border-radius:50%;border-style:solid;border-color:#f0f0f0;border-top-color:#ff6b35;animation:spin 1s linear infinite}.loading-small .spinner{width:24px;height:24px;border-width:3px}.loading-medium .spinner{width:40px;height:40px;border-width:4px}.loading-large .spinner{width:60px;height:60px;border-width:5px}.loading-text{color:#666;font-size:.875rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;justify-content:center;align-items:center}.loader-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}