:root{--bg-color: #030712;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #38bdf8;--accent-glow: rgba(56, 189, 248, .15);--card-bg: rgba(15, 23, 42, .6);--card-border: rgba(255, 255, 255, .08);--grid-color: rgba(255, 255, 255, .03)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;min-height:100vh}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.tech-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%)}.spotlight{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(56,189,248,.06),transparent 40%);pointer-events:none}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;background:#38bdf81a;color:var(--accent-color);border:1px solid rgba(56,189,248,.2);margin-bottom:1rem}h1{font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-family:"ui-monospace",SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;color:var(--accent-color);margin-bottom:1.5rem;opacity:.9}p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#ffffff08;border:1px solid var(--card-border);color:var(--text-secondary);transition:all .2s ease}.social-btn:hover{background:#ffffff14;color:#fff;border-color:#fff3;transform:translateY(-2px)}
