:root{--dark-bg: #020617;--card-bg: rgba(15, 23, 42, .6)}a,a:visited,a:active,a:focus{color:inherit;text-decoration:none}a:hover{color:inherit}html.dark body{background-color:var(--dark-bg);color:#f8fafc}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f172a,#1e1b4b);min-height:100vh;overflow-x:hidden}.glass-panel{background:#0f172a99;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 50px -12px #00000080}.glass-card{background:linear-gradient(135deg,#1e293bcc,#0f172a99);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-window{background:#0d1117;border-radius:12px;overflow:hidden;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5}.code-header{background:#161b22;padding:12px 16px;border-bottom:1px solid #30363d;display:flex;gap:8px;align-items:center}.code-dot{width:12px;height:12px;border-radius:50%}.code-content{padding:20px;overflow-x:auto;color:#c9d1d9}.code-keyword{color:#ff7b72}.code-string{color:#a5d6ff}.code-function{color:#d2a8ff}.code-comment{color:#8b949e}.showcase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}@media (max-width: 768px){.showcase-grid{grid-template-columns:1fr}}.oracle-container{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(255,215,0,.2);font-family:Cinzel,serif}.kanban-col{min-height:200px;transition:all .3s}.kanban-col.drag-over{background:#3b82f61a;border:2px dashed #3b82f6}.kanban-card{cursor:grab;transition:transform .2s,box-shadow .2s}.kanban-card:active{cursor:grabbing;transform:rotate(2deg)}.perspective-1000{perspective:1000px}.preserve-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.rotate-y-180{transform:rotateY(180deg)}.chart-bar{transition:height 1s cubic-bezier(.4,0,.2,1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}.animate-pulse-glow{animation:pulse-glow 2s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.tab-active{border-bottom:2px solid #3b82f6;color:#3b82f6}#particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:.3}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#34d399}}html.light body{background:linear-gradient(135deg,#f8fafc,#e0e7ff);color:#1e293b}html.light .glass-panel{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);box-shadow:0 25px 50px -12px #00000014}html.light .glass-card{background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid rgba(0,0,0,.04)}html.light .bg-slate-900{background-color:#fff}html.light .bg-slate-800{background-color:#f8fafc}html.light .bg-slate-950{background-color:#f1f5f9}html.light .bg-slate-900\/50{background-color:#ffffffe6}html.light .bg-slate-900\/40{background-color:#f1f5f9cc}html.light .bg-slate-950\/50{background-color:#f8fafce6}html.light .bg-slate-950\/80{background-color:#fffffff2}html.light .tilt-card{background:linear-gradient(135deg,#fff,#f8fafc)}html.light .text-slate-200{color:#1e293b}html.light .text-slate-300{color:#334155}html.light .text-slate-400{color:#475569}html.light .text-slate-500{color:#64748b}html.light .text-white{color:#1e293b}html.light .text-white\/70{color:#1e293bb3}html.light .text-white\/50{color:#1e293b80}html.light ::-webkit-scrollbar-track{background:#f1f5f9}html.light ::-webkit-scrollbar-thumb{background:#cbd5e1}html.light ::-webkit-scrollbar-thumb:hover{background:#94a3b8}#theme-toggle{transition:transform .2s,background-color .2s}#theme-toggle:hover{transform:scale(1.1)}.typing-line{opacity:0;animation:fadeInUp .5s forwards}.typing-line:nth-child(1){animation-delay:.1s}.typing-line:nth-child(3){animation-delay:.3s}.typing-line:nth-child(5){animation-delay:.5s}.typing-line:nth-child(7){animation-delay:.7s}.typing-line:nth-child(9){animation-delay:.9s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}