:root{--bg: #050505;--surface: #0f0f0f;--surface-accent: #1a1a1a;--accent: #00ff88;--accent-dim: rgba(0, 255, 136, .15);--text-main: #ffffff;--text-dim: #888888;--transition: all .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}.blob{position:fixed;width:500px;height:500px;background:radial-gradient(circle,var(--accent-dim) 0%,transparent 70%);z-index:-1;filter:blur(80px);animation:move 20s infinite alternate}@keyframes move{0%{transform:translate(-10%,-10%)}to{transform:translate(60%,40%)}}nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%;position:fixed;top:0;width:100%;background:#050505cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.85rem;font-weight:500;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.nav-links a:hover{color:var(--accent)}section{padding:120px 10% 80px;border-bottom:1px solid rgba(255,255,255,.03)}.tag{display:inline-block;padding:4px 12px;border:1px solid var(--accent);color:var(--accent);border-radius:20px;font-size:.7rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}h2{font-size:3rem;font-weight:800;margin-bottom:3rem;letter-spacing:-1.5px}h2 span{color:var(--accent)}.hero{height:100vh;display:flex;align-items:center;margin-top:3rem}.hero-content{max-width:900px}.hero h1{font-size:clamp(3.5rem,10vw,7rem);line-height:.9;margin-bottom:2rem;font-weight:900}.hero p{font-size:1.25rem;color:var(--text-dim);max-width:600px;margin-bottom:3rem}.terminal{background:#000;border-radius:8px;border:1px solid #333;font-family:Fira Code,monospace;padding:20px;box-shadow:0 20px 50px #00000080;margin-top:2rem;font-size:.9rem;position:relative}.terminal-header{display:flex;gap:8px;margin-bottom:15px}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.code-line{color:var(--accent);margin-bottom:5px}.code-line span{color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2.5rem}.card{background:var(--surface);border:1px solid #222;border-radius:16px;padding:30px;transition:var(--transition);position:relative;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:var(--accent);transform:translateY(-10px);background:var(--surface-accent)}.card h3{font-size:1.5rem;margin-bottom:15px}.card p{color:var(--text-dim);font-size:.95rem;margin-bottom:20px;flex-grow:1}.card-meta{display:flex;flex-wrap:wrap;gap:8px}.card-meta span{background:#ffffff0d;padding:4px 10px;border-radius:4px;font-size:.75rem;color:#ccc}.project-link{margin-top:20px;color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:5px}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.skill-box h4{color:var(--accent);margin-bottom:1rem;text-transform:uppercase;font-size:.8rem}.skill-box ul{list-style:none;color:var(--text-dim);font-size:1.1rem}.skill-box li{margin-bottom:8px;transition:.3s}.skill-box li:hover{color:#fff;transform:translate(5px)}.contact-box{background:var(--surface);padding:60px;border-radius:24px;border:1px solid var(--accent-dim)}.btn-large{display:inline-block;padding:20px 40px;background:var(--accent);color:#000;text-decoration:none;font-weight:800;border-radius:12px;font-size:1.2rem;transition:var(--transition);margin-top:2rem}.btn-large:hover{transform:scale(1.05);box-shadow:0 0 30px var(--accent-dim)}.btn-huge{display:inline-block;padding:25px 60px;background:var(--accent);color:#000;text-decoration:none;font-weight:900;border-radius:100px;font-size:1.5rem;transition:var(--transition);margin-top:3rem}.btn-huge:hover{transform:scale(1.05) rotate(-1deg);box-shadow:0 0 50px var(--accent-dim)}@media(min-width:2500px){html{font-size:22px}section{padding:150px 20%}}@media(max-width:768px){h2{font-size:2.2rem}.projects-grid{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:3.5rem}.hero{margin-top:0rem;padding-top:.5rem}}@media(max-height:700px){.hero{margin-top:0rem;padding-top:14rem}}@media(min-height:600px){.hero{margin-top:0rem;padding-top:14rem}}