@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary-color: #0066d5;--primary-hover: #0056b3;--bg-color: #f8fafc;--bg-surface: #ffffff;--bg-sidebar: #ffffff;--sidebar-border: #e2e8f0;--sidebar-text: #64748b;--sidebar-text-active: #0f172a;--sidebar-hover: #f1f5f9;--sidebar-active-bg: #eff6ff;--sidebar-icon-color: #94a3b8;--sidebar-icon-active: #0066d5;--sidebar-divider: #e2e8f0;--text-main: #1e293b;--text-secondary: #64748b;--text-on-primary: #ffffff;--border-color: #e2e8f0;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--error-color: #dc2626;--success-color: #16a34a;--font-family-sans: "Inter", sans-serif;--font-family-heading: "Inter", sans-serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}[data-theme=dark]{--bg-color: #0f172a;--bg-surface: #1e293b;--border-color: #334155;--bg-sidebar: #0f172a;--sidebar-border: #334155;--sidebar-text: #94a3b8;--sidebar-text-active: #ffffff;--sidebar-hover: rgba(255, 255, 255, .05);--sidebar-active-bg: rgba(255, 255, 255, .1);--sidebar-icon-color: #64748b;--sidebar-icon-active: #ffffff;--sidebar-divider: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-secondary: #94a3b8;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-sans);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;transition:background-color .5s cubic-bezier(.2,.8,.2,1),color .5s cubic-bezier(.2,.8,.2,1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--text-main);font-weight:600}button{font-family:inherit;cursor:pointer;transition:transform .1s cubic-bezier(.4,0,.2,1);will-change:transform}button:active{transform:scale(.96)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}input,select,textarea{font-family:inherit;font-size:.95rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);background-color:var(--bg-surface);color:var(--text-main);transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066d526}.card,.tool-card,.btn-primary,.sidebar,.input-wrapper input,.developer-card,.login-card-premium{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s cubic-bezier(.2,.8,.2,1),background-color .5s cubic-bezier(.2,.8,.2,1),border-color .5s cubic-bezier(.2,.8,.2,1),color .5s cubic-bezier(.2,.8,.2,1);will-change:transform,box-shadow,background-color}@keyframes rainbow-border{0%{border-color:#6366f1}33%{border-color:#ec4899}66%{border-color:#10b981}to{border-color:#6366f1}}.btn-primary:hover,.tool-card:hover{box-shadow:0 10px 25px -5px #6366f14d,0 0 0 1px #6366f11a inset}.hidden{display:none!important}@keyframes pageFloatIn{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translateZ(0)}}