:root{--bg-primary: #050505;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-tertiary: #ec4899;--accent-glow: rgba(59, 130, 246, .4);--success: #10b981;--danger: #ef4444;--glass-bg: rgba(20, 20, 20, .6);--glass-border: rgba(255, 255, 255, .08);--sidebar-width: 280px;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition-smooth: all .4s cubic-bezier(.2, .8, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;margin:0;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(59,130,246,.12) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.12) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(236,72,153,.08) 0%,transparent 45%);z-index:-1;pointer-events:none;animation:pulse-bg 15s ease-in-out infinite alternate}@keyframes pulse-bg{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}#root{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);height:100vh;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:var(--transition-smooth)}.sidebar-header{padding:2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between}.sidebar.closed{width:80px}.sidebar.closed .sidebar-header{justify-content:center;padding:2.5rem .5rem}.sidebar-toggle{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;transition:var(--transition-smooth)}.sidebar-toggle:hover{background:#ffffff1a;color:var(--text-primary)}.logo-text{font-size:1.8rem;font-weight:900;letter-spacing:-.05em;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;transition:var(--transition-smooth)}.logo-text:hover{transform:scale(1.02);filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.sidebar-nav{flex:1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--accent-primary),var(--accent-secondary));transform:scaleY(0);transition:transform .3s ease;border-radius:0 4px 4px 0}.sidebar-item:hover{background:#ffffff0a;color:var(--text-primary);transform:translate(4px)}.sidebar-item.active{background:#ffffff14;color:#fff}.sidebar-item.active:before{transform:scaleY(1)}.sidebar-item.active svg{color:var(--accent-primary);filter:drop-shadow(0 0 5px var(--accent-glow))}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.04);font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.main-content{flex:1;margin-left:var(--sidebar-width);padding:3rem 2rem;width:calc(100vw - var(--sidebar-width));display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;transition:var(--transition-smooth)}.app-layout.sidebar-closed .main-content{margin-left:80px;width:calc(100vw - 80px)}.sidebar.closed .sidebar-item span,.sidebar.closed .sidebar-footer span{display:none}.sidebar.closed .sidebar-item{justify-content:center;padding:1rem}.sidebar.closed .sidebar-item:before{display:none}.container{width:100%;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.page-header{margin-bottom:2.5rem;animation:fadeInDown .8s var(--transition-smooth);text-align:center;display:flex;flex-direction:column;align-items:center}.page-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.04em;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;max-width:600px}.card{background:var(--glass-bg);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;width:100%;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;animation:fadeInUp .8s var(--transition-smooth);position:relative;overflow:hidden}.translation-grid{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.translation-grid{gap:3rem}}.input-group{display:flex;flex-direction:column;gap:.75rem}.label{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;opacity:.9}select{width:100%;padding:1rem 1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;appearance:none;-webkit-appearance:none;cursor:pointer;transition:var(--transition-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.2rem}select:hover,select:focus{background:#ffffff0f;border-color:#fff3;outline:none}option{background-color:var(--bg-tertiary);color:#fff}textarea{width:100%;min-height:400px;padding:1.5rem;background:#0000004d;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;font-family:inherit;font-size:1rem;line-height:1.6;resize:vertical;transition:var(--transition-smooth)}textarea:hover{border-color:#ffffff26}textarea:focus{outline:none;background:#00000080;border-color:var(--accent-primary);box-shadow:0 0 0 4px var(--accent-glow)}.translate-btn{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;border:none;padding:1.1rem 2.5rem;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition-bounce);box-shadow:0 8px 25px -8px var(--accent-primary);display:inline-flex;align-items:center;justify-content:center;gap:.75rem;letter-spacing:.02em;width:100%;position:relative;overflow:hidden}.translate-btn:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent);transform:skew(-20deg);transition:all .6s ease}.translate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--accent-primary)}.translate-btn:hover:not(:disabled):after{left:200%}.translate-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 5px 15px -5px var(--accent-primary)}.translate-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5);background:linear-gradient(135deg,#4b5563,#374151);box-shadow:none}.translate-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff;padding:.7rem 1.25rem;font-size:.9rem;width:auto;box-shadow:none;border-radius:10px}.translate-btn.outline:hover:not(:disabled){background:#ffffff0d;border-color:var(--accent-primary);transform:translateY(-1px)}.char-count{font-size:.8rem;color:var(--text-secondary);font-weight:500;margin-top:.5rem;text-align:right}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s cubic-bezier(.5,0,.5,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media(max-width:1024px){:root{--sidebar-width: 80px}.sidebar-header,.sidebar-footer{display:flex;justify-content:center}.sidebar-header h2,.logo-text,.sidebar-item span,.sidebar-footer span{display:none}.sidebar-item{justify-content:center;padding:1rem;border-radius:12px}.sidebar-item:before{display:none}.main-content{padding:2rem 1rem}}@media(max-width:768px){.card{padding:1.5rem}.page-title{font-size:2rem}}#root{width:100%}@media(prefers-reduced-motion:no-preference){.logo{animation:logo-spin infinite 20s linear}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}