:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--secondary:#ec4899;--accent:#06b6d4;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:hsla(0,0%,100%,.05);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:hsla(0,0%,100%,.1);--border-light:hsla(0,0%,100%,.2);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--sidebar-width:280px;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-poppins),"Poppins",sans-serif;--font-mono:var(--font-mono),"JetBrains Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:#fff;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.15) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(6,182,212,.1) 0,transparent 40%);pointer-events:none;z-index:-1}::selection{background:rgba(99,102,241,.5);color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(31,41,55,.3)}::-webkit-scrollbar-thumb{background:rgba(99,102,241,.5);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.7)}a{color:#818cf8;text-decoration:none;transition:color .15s ease}a:hover{color:#6366f1}button{cursor:pointer}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}ol,ul{list-style:none}code{font-family:var(--font-mono);font-size:.9em;padding:.25rem .5rem;background:rgba(31,41,55,.5);border-radius:.25rem}.fade-in{animation:fadeIn .3s ease forwards}.slide-up{animation:slideUp .3s ease forwards}.slide-down{animation:slideDown .3s ease forwards}.scale-in{animation:scaleIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#6366f1}.text-secondary{color:#ec4899}.text-accent{color:#06b6d4}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-muted{color:#9ca3af}.bg-glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.mt-sm{margin-top:.5rem}.mt-md{margin-top:1rem}.mt-lg{margin-top:1.5rem}.mt-xl{margin-top:2rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:1rem}.mb-lg{margin-bottom:1.5rem}.mb-xl{margin-bottom:2rem}.app{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:280px;padding:2rem;transition:margin-left .25s ease}@media(max-width:767px){.main-content{margin-left:0;padding:1rem 1rem 80px}}.page-header{margin-bottom:3rem}.page-header h1{font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:#9ca3af;font-size:1.125rem}.fullscreen-mode .sidebar{display:none}.fullscreen-mode .main-content{margin-left:0}