:root{--bg-dark: #07070a;--bg-surface: #101016;--bg-surface-elevated: #16161e;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-glow: #10b981;--accent-vibrant: #3b82f6;--accent-gradient: linear-gradient(135deg, var(--accent-glow), var(--accent-vibrant));--term-red: #ef4444;--term-yellow: #f59e0b;--term-green: #10b981;--term-prompt: #8b5cf6;--term-cmd: #fbbf24;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-smooth: cubic-bezier(.65, 0, .35, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-body);overflow:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4,.logo{font-family:var(--font-heading);letter-spacing:-.02em}.highlight{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.navbar{position:fixed;top:0;left:0;width:100%;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center;z-index:100;mix-blend-mode:difference}.logo{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:2px}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:color .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:1px;background:var(--text-primary);transition:width .3s ease}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a.active:after{width:100%}.slide-container{height:100vh;width:100vw;position:relative;transition:transform 1s var(--transition-smooth)}.slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:6rem;position:relative}.slide-content{max-width:1200px;width:100%;z-index:10;opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s var(--transition-smooth);transition-delay:.4s}.slide.active .slide-content{opacity:1;transform:translateY(0)}.hero-text{max-width:750px;position:relative;z-index:2}.greeting{font-family:var(--font-mono);color:var(--accent-glow);font-size:.9rem;margin-bottom:1rem;display:block;letter-spacing:1px}.hero-text h1{font-size:5rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.sub-headline{font-size:2rem;color:var(--text-primary);margin-bottom:1.5rem}.subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:550px;margin-bottom:3rem;font-family:var(--font-mono)}.cta-group{display:flex;gap:1.5rem}.btn{padding:.8rem 2rem;border-radius:4px;text-decoration:none;font-family:var(--font-mono);font-size:.9rem;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.primary-btn{background:#10b9811a;color:var(--accent-glow);border-color:#10b98180}.primary-btn:hover{background:#10b98133;box-shadow:0 0 20px #10b98133;transform:translateY(-2px)}.secondary-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--text-secondary)}.secondary-btn:hover{color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-2px)}.hero-visual{position:absolute;top:50%;right:10%;transform:translateY(-50%);width:300px;height:300px;z-index:0;pointer-events:none;perspective:1000px}.scene{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:rotateCPU 20s infinite linear}.cube{width:150px;height:150px;position:absolute;top:50%;left:50%;margin:-75px 0 0 -75px;transform-style:preserve-3d}.cube-face{position:absolute;width:150px;height:150px;border:2px solid rgba(16,185,129,.3);background:#101016cc;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px #10b98133;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cube-front{transform:rotateY(0) translateZ(75px)}.cube-back{transform:rotateY(180deg) translateZ(75px)}.cube-right{transform:rotateY(90deg) translateZ(75px)}.cube-left{transform:rotateY(-90deg) translateZ(75px)}.cube-top{transform:rotateX(90deg) translateZ(75px)}.cube-bottom{transform:rotateX(-90deg) translateZ(75px)}.cpu-core{width:80px;height:80px;background:transparent;border:2px solid var(--accent-glow);animation:pulse 2s infinite alternate}.cpu-text{position:absolute;font-family:var(--font-mono);color:var(--accent-glow);font-size:.8rem;letter-spacing:2px}@keyframes rotateCPU{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}@keyframes pulse{0%{box-shadow:0 0 5px var(--accent-glow)}to{box-shadow:0 0 25px var(--accent-glow)}}.scroll-indicator{position:absolute;bottom:3rem;left:4rem;display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}.mouse{width:20px;height:32px;border:2px solid var(--text-secondary);border-radius:12px;position:relative;display:flex;justify-content:center}.wheel{width:4px;height:4px;background:var(--text-secondary);border-radius:50%;margin-top:6px;animation:scrollWheel 2s infinite}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.dual-col{display:flex;align-items:center;gap:4rem}.col{flex:1}.section-title{font-size:3.5rem;margin-bottom:1.5rem;font-weight:800}.text-center{text-align:center}.body-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.terminal-container{background:var(--bg-surface-elevated);border-radius:8px;border:1px solid rgba(255,255,255,.05);box-shadow:0 20px 40px #00000080;overflow:hidden;width:100%}.floating{animation:floating 6s infinite ease-in-out}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.terminal-header{background:#1a1b26;padding:.75rem 1rem;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05)}.term-dots{display:flex;gap:8px}.term-dot{width:12px;height:12px;border-radius:50%}.term-dot.close{background:var(--term-red)}.term-dot.min{background:var(--term-yellow)}.term-dot.max{background:var(--term-green)}.term-title{flex:1;text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;margin-left:-44px}.terminal-body{padding:1.5rem;font-size:.9rem;line-height:1.5;color:var(--text-primary)}.prompt{color:var(--term-prompt);font-weight:700;margin-right:8px}.cmd{color:var(--term-cmd)}.term-line{margin-top:1rem}.term-line:first-child{margin-top:0}.term-output{color:var(--text-secondary);margin-top:.5rem;padding-left:1rem;border-left:2px solid rgba(255,255,255,.1)}.highlight-text{color:#a9b1d6}.term-cursor{display:inline-block;width:10px;background:var(--accent-glow);animation:blink 1s step-end infinite;color:transparent}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hacker-art{display:flex;justify-content:center;align-items:center;height:100%}.art-glow{color:var(--accent-glow);font-size:.85rem;line-height:1.2;text-shadow:0 0 10px rgba(16,185,129,.5);opacity:.8}.projects-grid{display:grid;gap:2rem;margin-top:4rem}.four-col{grid-template-columns:repeat(2,1fr)}.project-card{background:var(--bg-surface);border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:2.5rem;transition:transform .4s ease,box-shadow .4s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--accent-gradient);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0006;border-color:#ffffff1a}.project-card:hover:before{transform:scaleX(1)}.tech-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-glow);margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.project-card h3{font-size:1.5rem;margin-bottom:1rem}.project-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.project-link{color:var(--text-primary);text-decoration:none;font-family:var(--font-mono);font-size:.85rem;transition:color .3s ease}.project-link:hover{color:var(--accent-glow)}.large-term{max-width:800px;margin:0 auto}.contact-list{list-style:none;margin-top:1rem}.contact-list li{margin-bottom:1rem;font-size:1rem}.contact-list .key{color:var(--accent-vibrant);display:inline-block;width:100px}.contact-list .val{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.contact-list .val:hover{color:var(--accent-glow)}.contact-list .comment{color:#565f89;margin-left:1rem;font-size:.85rem}.mt-4{margin-top:1.5rem}.footer{position:absolute;bottom:2rem;width:100%;text-align:center;color:#565f89;font-size:.8rem;left:0}.slide-nav{position:fixed;right:3rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1.5rem;z-index:100}.dot{width:8px;height:8px;border-radius:50%;background:#fff3;cursor:pointer;position:relative;transition:all .3s ease}.dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:16px;height:16px;border-radius:50%;border:1px solid var(--accent-glow);transition:transform .3s ease}.dot.active{background:var(--accent-glow);box-shadow:0 0 10px var(--accent-glow)}.dot.active:before{transform:translate(-50%,-50%) scale(1)}@media (max-width: 1024px){.slide{padding:4rem}.hero-text h1{font-size:4rem}.hero-visual{display:none}.dual-col{flex-direction:column;gap:3rem}.four-col{grid-template-columns:1fr}.hacker-art{display:none}}@media (max-width: 768px){.navbar{padding:1.5rem}.nav-links{display:none}.slide{padding:2rem}.hero-text h1{font-size:3rem}.section-title{font-size:2.5rem}.contact-list .key{width:80px}.contact-list .comment{display:none}.slide-nav{right:1.5rem}}
