:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #a855f7;--accent: #06b6d4;--bg-deep: #020617;--bg-surface: #0f172a;--bg-glass: rgba(15, 23, 42, .7);--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #1e293b;--sidebar-width: 16rem;--header-height: 4rem;--radius-lg: 1rem;--radius-xl: 1.5rem}html,body{width:100%;height:100%;max-width:100vw;background-color:var(--bg-deep);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;margin:0;padding:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:99px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-slide-up{animation:slideUp .4s ease-out forwards}button,a,.card,input,select{transition:all .2s cubic-bezier(.4,0,.2,1)}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05)}.card-hover{transition:transform .2s,box-shadow .2s,border-color .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #00000080;border-color:#6366f14d}.text-gradient{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.prose{color:var(--text-muted);line-height:1.6}.prose strong{color:var(--text-main)}.prose p{margin-bottom:.75rem}.prose ul{list-style-type:disc;padding-left:1.25rem;margin-bottom:.75rem}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden;-webkit-backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}