@import"https://api.fontshare.com/v2/css?f[]=satoshi@900,700,500,400,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.cdnfonts.com/css/product-sans";@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{color-scheme:dark;--text-strong: #f6efe9;--text: #e5ddd6;--text-muted: #a3968f;--surface: #181415;--surface-strong: #221c1d;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .4);--accent: #e1a56b;--accent-strong: #f0b27f;--accent-soft: rgba(225, 165, 107, .2);--sun: #f0b27f;--sky: #181415;--glow: rgba(225, 165, 107, .35)}*{box-sizing:border-box}html,body{padding:0;margin:0;font-family:Satoshi,system-ui,sans-serif;background:radial-gradient(900px 500px at 15% -10%,rgba(225,165,107,.14),transparent 60%),radial-gradient(700px 500px at 85% -10%,rgba(134,108,92,.18),transparent 60%),linear-gradient(180deg,#161314,#1b1718 45%,#1e191a);color:var(--text);min-height:100%;position:relative}body{min-height:100vh;display:flex;flex-direction:column}body.no-scroll{height:100vh;overflow:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 10% 20%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 25% 35%,rgba(255,255,255,.4),transparent),radial-gradient(1.2px 1.2px at 40% 10%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 55% 45%,rgba(255,255,255,.35),transparent),radial-gradient(1.5px 1.5px at 70% 15%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 85% 30%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 60%,rgba(255,255,255,.3),transparent),radial-gradient(1.3px 1.3px at 30% 75%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 50% 85%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 65% 70%,rgba(255,255,255,.4),transparent),radial-gradient(1.2px 1.2px at 80% 55%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 90% 80%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 5% 90%,rgba(255,255,255,.35),transparent),radial-gradient(1.4px 1.4px at 20% 5%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 35% 50%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 60% 25%,rgba(255,255,255,.4),transparent),radial-gradient(1.1px 1.1px at 75% 40%,rgba(255,255,255,.45),transparent),radial-gradient(1px 1px at 95% 65%,rgba(255,255,255,.35),transparent),radial-gradient(1px 1px at 45% 95%,rgba(255,255,255,.3),transparent),radial-gradient(1.3px 1.3px at 12% 42%,rgba(255,255,255,.5),transparent);background-size:100% 100%;z-index:0;animation:twinkle 8s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.6}to{opacity:1}}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font-family:inherit}::-webkit-scrollbar{width:.4rem;height:.4rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:999px}.page{width:min(1120px,100%);margin:0 auto;padding:16px 24px 24px;display:flex;flex-direction:column;gap:20px;flex:1;overflow:hidden}.page.compact{width:min(920px,100%)}.nav{position:relative;z-index:10;padding:12px 0;background:linear-gradient(180deg,#181415f2,#18141566);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);flex-shrink:0}.nav-inner{width:min(1120px,100%);margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Product Sans,Satoshi,sans-serif;font-size:24px;font-weight:700;letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px}.brand span{color:var(--accent-strong);font-size:16px;padding:2px 6px;border-radius:999px;background:var(--accent-soft);font-family:Space Mono,monospace}.nav-actions{display:flex;align-items:center;gap:12px}.pill-button{border:1px solid var(--border);background:var(--surface-strong);padding:10px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--text-strong);box-shadow:0 10px 30px var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.pill-button.ghost{background:transparent;border-color:#ffffff29;color:var(--text)}.pill-button.small{padding:8px 14px;font-size:13px}.pill-button:hover{transform:translateY(-1px);box-shadow:0 12px 30px #100d0d24}.hero{display:flex;flex-direction:column;gap:16px;flex-shrink:0}.hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(32px,5vw,56px);letter-spacing:1px;margin:0;color:var(--text-strong)}.hero p{font-size:15px;line-height:1.6;max-width:560px;color:var(--text-muted);margin:0}.alert{border:1px solid rgba(225,165,107,.35);background:#e1a56b1f;padding:12px 16px;border-radius:14px;display:inline-flex;align-items:center;gap:10px;font-weight:600;color:var(--text-strong)}.grid{display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr))}.card{background:var(--surface-strong);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 20px 40px var(--shadow);display:flex;flex-direction:column;gap:16px;transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-3px);box-shadow:0 24px 60px #0009}.card strong{font-size:20px}.card-subtext{color:var(--text-muted);font-size:14px}.profile{grid-column:span 6;display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;position:relative;padding-bottom:50px}.profile img{width:88px;height:88px;border-radius:24px;border:2px solid rgba(225,165,107,.45);box-shadow:0 12px 30px #e1a56b40}.profile h2{margin:0;font-size:24px;color:var(--text-strong)}.profile p{margin:6px 0 0;color:var(--text-muted)}.profile .pill-button{position:absolute;bottom:20px;right:20px}.quick-link{grid-column:span 3;align-items:center;justify-content:center;text-align:center}.quick-link .icon{font-size:42px}.socials{grid-column:span 6;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.socials a{background:var(--surface-strong);border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:18px;font-size:26px;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px var(--shadow)}.socials a:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0009}.terminal{grid-column:span 6;padding:0;overflow:hidden;background:#0d0d0d;border:1px solid #333}.terminal-bar{background:#2d2d2d;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #444}.terminal-title{font-family:Space Mono,monospace;font-size:11px;color:#999;display:flex;align-items:center;gap:6px}.terminal-title:before{content:">";color:#4ade80}.terminal-controls{display:flex;gap:8px}.terminal-control{width:14px;height:14px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#888;background:transparent;border:1px solid #555;border-radius:2px}.terminal-dot{display:none}.terminal-dot.yellow{background:#facc15}.terminal-dot.green{background:#4ade80}.terminal-body{padding:18px;font-family:Space Mono,monospace;font-size:14px;color:#d3d7cf;background:#0d0d0d;line-height:1.7}.terminal-body .prompt{color:#4ade80}.terminal-body .user{color:#8ae234}.terminal-body .path{color:#729fcf}.terminal-body .fade{opacity:.5}.skills{grid-column:span 6}.skills-grid{display:flex;flex-wrap:wrap;gap:12px}.skills-grid img{width:48px;height:48px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;box-shadow:0 8px 18px #00000073}.repos-hero{display:flex;flex-direction:column;gap:10px}.repos-hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(40px,6vw,72px);margin:0;color:var(--text-strong)}.repos-hero p{color:var(--text-muted);margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:12px}.input{border-radius:14px;border:1px solid var(--border);padding:10px 14px;min-width:220px;background:var(--surface-strong)}.select{border-radius:14px;border:1px solid var(--border);padding:10px 14px;background:var(--surface-strong)}.repo-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.repo-card{background:var(--surface-strong);border-radius:18px;border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:14px;min-height:180px;box-shadow:0 14px 30px #00000080;transition:transform .2s ease}.repo-card:hover{transform:translateY(-2px)}.repo-card h3{margin:0;font-size:18px}.repo-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:12px;color:var(--text-muted)}.repo-meta strong{color:var(--text-strong);display:block;font-size:13px}.repo-lang{display:inline-flex;align-items:center;gap:6px;font-size:12px}.repo-lang span{width:8px;height:8px;border-radius:999px;display:inline-block}.fade-in{animation:fade-in .6s ease both}.stagger>*{animation:fade-up .6s ease both}.hero-card{position:relative;border-radius:28px;background:linear-gradient(140deg,#221c1de6,#181415d9);border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 30px 80px #000000a6;transform:perspective(900px) rotateX(var(--hero-tilt-y, 0deg)) rotateY(var(--hero-tilt-x, 0deg));transition:transform .2s ease}.hero-content{position:relative;z-index:2;padding:24px;display:flex;flex-direction:column;gap:12px}.hero-kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--accent);margin:0;font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-glow{position:absolute;inset:-40%;background:radial-gradient(circle at var(--hero-x, 50%) var(--hero-y, 20%),rgba(225,165,107,.35),transparent 45%);opacity:.9;transition:opacity .3s ease}.hero-card:hover .hero-glow{opacity:1}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 35%,rgba(255,255,255,.06));mix-blend-mode:screen;pointer-events:none}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.08),transparent 50%);opacity:.6;pointer-events:none}.socials svg{width:28px;height:28px}.socials .social-icon{width:28px;height:28px}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.page{padding:12px 16px 16px}.profile,.terminal,.skills,.socials{grid-column:span 12}.quick-link{grid-column:span 6}.socials{grid-template-columns:repeat(4,minmax(0,1fr))}html,body{overflow:auto;height:auto;min-height:100vh}body{height:auto}.page{overflow:visible}}@media(max-width:720px){.grid{grid-template-columns:repeat(1,minmax(0,1fr))}.profile,.quick-link,.socials,.terminal,.skills{grid-column:span 1}.profile{grid-template-columns:1fr;text-align:left}.socials{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-inner{flex-direction:column;gap:10px}}