:root{--bg-color:#020202;--text-main:#fff;--text-muted:#ffffff80;--text-hint:#ffffff4d;--glass-bg:#ffffff05;--glass-bg-hover:#ffffff0a;--glass-border:#ffffff14;--glass-border-light:#ffffff26;--primary:#8b5cf6;--success:#10b981;--attention:#f59e0b;--error:#ef4444;--font-body:"Inter", system-ui, sans-serif;--text-hero:72px;--text-section:48px;--text-title:32px;--text-card:24px;--text-body:16px;--text-meta:14px;--text-hint-size:12px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-12:96px;--transition-hover:.12s cubic-bezier(.25, 1, .5, 1);--transition-modal:.25s cubic-bezier(.16, 1, .3, 1);--transition-page:.35s cubic-bezier(.16, 1, .3, 1);--transition-success:.7s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}.container{max-width:1400px;padding:0 var(--space-5);margin:0 auto}.glass-panel{-webkit-backdrop-filter:blur(48px);border:1px solid var(--glass-border);transition:all var(--transition-hover);background:linear-gradient(135deg,#ffffff08 0%,#ffffff03 100%);border-radius:32px;box-shadow:0 40px 80px #0009,inset 0 1px #ffffff26,inset 0 -1px #ffffff05}.glass-panel:hover{border-color:var(--glass-border-light);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%)}.tilt-card{transition:transform var(--transition-page), box-shadow var(--transition-page), background var(--transition-hover)}.tilt-card:hover{transform:perspective(1200px)rotateX(1.5deg)rotateY(-1.5deg)scale(1.015);box-shadow:0 50px 100px #000000b3}@keyframes breathe{0%{opacity:.7;transform:scale(.99)}50%{opacity:1;transform:scale(1.01)}to{opacity:.7;transform:scale(.99)}}@keyframes heartbeat{0%{opacity:.8;transform:scale(1)}15%{opacity:1;transform:scale(1.08)}30%{opacity:.8;transform:scale(1)}45%{opacity:1;transform:scale(1.08)}to{opacity:.8;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes float-slow{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(.5deg)}to{transform:translateY(0)rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes particles-drift{0%{background-position:0 0}to{background-position:100vw 100vh}}.animate-fade-in{animation:fadeIn var(--transition-page) forwards}.animate-slide-up{animation:slideUp var(--transition-page) forwards}.animate-float{animation:6s ease-in-out infinite float}.animate-float-slow{animation:12s ease-in-out infinite float-slow}.animate-breathe{animation:5s ease-in-out infinite breathe}.animate-heartbeat{animation:3s ease-in-out infinite heartbeat}.particles-bg{pointer-events:none;opacity:.4;z-index:-1;background-image:radial-gradient(circle,#ffffff05 1px,#0000 1px),radial-gradient(circle,#ffffff03 2px,#0000 2px);background-size:120px 120px,300px 300px;width:100vw;height:100vh;animation:150s linear infinite particles-drift;position:fixed;top:0;left:0}.editable-magic{transition:all var(--transition-hover);border-radius:var(--space-1)}.editable-magic:hover{transform:scale(1.02)}@keyframes pulse-data{0%{color:inherit;transform:scale(1)}50%{color:var(--success);transform:scale(1.02)}to{color:inherit;transform:scale(1)}}.animate-pulse-data{animation:4s ease-in-out infinite pulse-data}