:root{--bg-base: #000000;--bg-surface: #0a0a0a;--bg-surface-elevated: #141414;--bg-surface-hover: #1c1c1c;--text-primary: #ededed;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--accent-purple: #dc2626;--accent-glow: rgba(220, 38, 38, .2);--accent-green: #10b981;--accent-blue: #3b82f6;--border-subtle: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--glass-bg: rgba(10, 10, 10, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(16px);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .7);--shadow-glow: 0 0 20px var(--accent-glow);--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Courier Prime", monospace;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-md);transition:all .3s var(--ease-spring)}.glass-card{background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:12px;padding:16px;transition:all .2s var(--ease-out)}.glass-card:hover{background:#ffffff0d;border-color:var(--border-strong);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.glow-border{position:relative}.glow-border:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--accent-purple),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.8;transition:opacity .3s}.glow-button{background:linear-gradient(135deg,var(--accent-purple),#7f1d1d);color:#fff;border:none;font-family:var(--font-display);font-weight:600;border-radius:8px;padding:10px 20px;cursor:pointer;transition:all .3s var(--ease-spring);box-shadow:0 4px 15px var(--accent-glow);position:relative;overflow:hidden}.glow-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s}.glow-button:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 8px 25px var(--accent-glow)}.glow-button:hover:before{left:100%}.glow-button:active{transform:translateY(1px) scale(.98)}.text-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}.glow-text{text-shadow:0 0 10px var(--accent-glow),0 0 20px var(--accent-glow)}.gradient-title{font-family:var(--font-display);font-weight:800;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.shaitan-brand{font-family:var(--font-display);font-weight:800;background:linear-gradient(135deg,#ff4e50,#f9d423);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animated-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:var(--bg-base)}.bg-glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15;mix-blend-mode:screen;pointer-events:none}.bg-glow-1{width:50vw;height:50vw;max-width:600px;max-height:600px;background:var(--accent-purple);top:-20%;left:-10%;animation:floatOrb 15s infinite alternate ease-in-out}.bg-glow-2{width:60vw;height:60vw;max-width:700px;max-height:700px;background:#991b1b;bottom:-20%;right:-20%;animation:floatOrb 20s infinite alternate-reverse ease-in-out}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(10%,10%) scale(1.1)}}.fade-in{animation:fadeIn .8s var(--ease-spring) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.flex-center{display:flex;align-items:center;justify-content:center}.layout-container{max-width:1200px;margin:0 auto;padding:0 24px}.layout-section{padding:80px 0}.card-hover-effect{transition:all .2s var(--ease-out)}.card-hover-effect:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.input-premium{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-family:var(--font-body);font-size:14px;transition:all .2s var(--ease-out);outline:none}.input-premium:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #dc262626;background:var(--bg-surface-elevated)}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;color:var(--text-secondary);font-weight:500;font-size:14px;transition:all .2s;cursor:pointer}.sidebar-item:hover{background:#ffffff08;color:var(--text-primary)}.sidebar-item.active{background:#dc26261a;color:var(--accent-purple)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;background:var(--bg-surface-elevated);border:1px solid var(--border-subtle)}@keyframes sparkleFloat{0%{transform:translate(0) scale(.5);opacity:0}50%{opacity:1}to{transform:translate(15px,-25px) scale(1.1);opacity:0}}@keyframes rainbowText{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fuzzyGlitch{0%{text-shadow:.5px 0 0 red,-.5px 0 0 blue}2%{text-shadow:1.5px 0 0 red,-1.5px 0 0 blue}4%{text-shadow:-1px 0 0 red,1px 0 0 blue}6%{text-shadow:none}94%{text-shadow:none}96%{text-shadow:1.5px 0 0 red,-1.5px 0 0 blue}98%{text-shadow:-1px 0 0 red,1px 0 0 blue}to{text-shadow:.5px 0 0 red,-.5px 0 0 blue}}.effect-rainbow{background:linear-gradient(to right,red,orange,#ff0,green,#00f,indigo,violet);background-size:400% 400%;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:rainbowText 5s linear infinite}.effect-fuzzy{animation:fuzzyGlitch 1.5s infinite;display:inline-block}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.social-tooltip-container{position:relative;display:inline-block}.social-tooltip-text{visibility:hidden;background-color:#0c0c0e;color:#fff;text-align:center;border-radius:8px;padding:6px 12px;position:absolute;z-index:100;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;font-size:11px;font-weight:700;pointer-events:none;white-space:nowrap;border:1px solid var(--border-subtle);box-shadow:0 4px 16px #000000b3}.social-tooltip-container:hover .social-tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(-2px)}