:root{--bg: #0A0E14;--bg-deep: #06090E;--surface: #0F141C;--surface-2: #131923;--border: rgba(255, 255, 255, .07);--border-h: rgba(34, 197, 94, .22);--text: #E6EDF3;--text-dim: #9CA3AF;--text-mute: #6B7280;--green: #22C55E;--green-dim: #16A34A;--green-soft: rgba(34, 197, 94, .1);--green-line: rgba(34, 197, 94, .18);--sans: "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace}html,body{background:var(--bg);color:var(--text);margin:0}body{font-family:var(--sans);font-size:16px;line-height:1.55;letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:var(--green);color:var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.site-grid-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px),radial-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px,12px 12px;background-position:0 0,0 0;mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 30%,transparent 90%)}.site-grid-lines{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1.1s steps(1) infinite}@keyframes pulse-dot{0%{box-shadow:0 0 #22c55e99}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse-dot 2s infinite;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .25s,transform .25s,background .25s}.card-hover:hover{border-color:var(--green-line);background:var(--surface-2);transform:translateY(-2px)}.chip{display:inline-flex;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:.02em;color:var(--text-dim);padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:#ffffff05;white-space:nowrap}.chip-strong{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.mono-cap{font-family:var(--mono);font-size:12.5px;color:var(--green);letter-spacing:.02em}.mono-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mute)}.display{font-family:var(--sans);font-weight:600;letter-spacing:-.03em;line-height:1.04;text-wrap:balance}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;letter-spacing:.02em;padding:11px 18px;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,color .2s,transform .15s;text-decoration:none}.btn:hover{border-color:var(--green-line);background:var(--green-soft);color:var(--green)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);color:var(--bg);border-color:var(--green);font-weight:600}.btn-primary:hover{background:var(--green-dim);border-color:var(--green-dim);color:var(--bg)}.container{max-width:1180px;margin:0 auto;padding:0 32px;position:relative;z-index:1}.section{padding:96px 0;position:relative}.hr{height:1px;background:var(--border);border:0;margin:0}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);color:var(--text-dim);transition:all .2s;background:transparent;cursor:pointer}.icon-btn:hover{color:var(--green);border-color:var(--green-line);background:var(--green-soft)}.skills-columns{column-count:1}@media(min-width:720px){.skills-columns{column-count:2;column-gap:64px}}@media(max-width:720px){.container{padding:0 20px}.section{padding:72px 0}}