.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#0a0a0ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1rem 2rem;box-shadow:0 4px 30px #0000001a;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-family:var(--font-heading);font-weight:700;font-size:1.5rem;color:var(--text-primary);cursor:pointer;letter-spacing:-.02em}.navbar-links{display:flex;gap:2rem}.navbar-links li{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);cursor:pointer;transition:color .3s ease;position:relative}.navbar-links li:hover{color:var(--text-primary)}.navbar-links li:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--accent-color);transition:width .3s ease}.navbar-links li:hover:after{width:100%}@media(max-width:768px){.navbar-links{display:none}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0 2rem}.hero-content{max-width:900px;text-align:center;z-index:10}.hero-greeting{display:block;font-family:var(--font-body);color:var(--accent-color);font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;font-size:.9rem}.hero-headline{font-size:4rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-headline .highlight{background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2.5rem;font-weight:300}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;background-color:var(--accent-color);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 20px -10px var(--accent-glow);text-transform:uppercase;letter-spacing:.05em}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 20px 30px -10px var(--accent-glow);background-color:#9d4edd}.hero-background.stagger-grid{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;display:flex;flex-wrap:wrap;overflow:hidden;align-content:flex-start}.grid-item{width:50px;height:50px;background-color:#ffffff0a;border:1px solid rgba(0,0,0,.8);box-sizing:border-box;border-radius:4px;transform:scale(.1);opacity:.1;transition:background-color .2s ease}@media(max-width:768px){.hero-headline{font-size:2.5rem}.hero-subtitle{font-size:1rem}.btn-primary{padding:.8rem 1.5rem;font-size:.9rem}}.hardware-showcase{height:350vh;background-color:var(--bg-color);position:relative;padding:0;margin:0}.sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1500px;overflow:hidden}.laptop-text-line-1{position:absolute;top:10vh;width:100%;text-align:center;font-size:2.2rem;color:var(--text-color);font-weight:800;z-index:10;padding:0 1rem;pointer-events:none}.laptop-text-line-2{position:absolute;bottom:20vh;width:100%;text-align:center;font-size:2rem;color:var(--accent-color);font-weight:700;z-index:10;padding:0 1rem;pointer-events:none}.hardware-container{width:100%;display:flex;justify-content:center;align-items:center;transform:scale(.5)}.laptop-3d-assembly{position:absolute;width:0;height:0;transform-style:preserve-3d;will-change:transform}.cube{position:absolute;transform-style:preserve-3d}.face{position:absolute;top:50%;left:50%;transform-origin:center;box-sizing:border-box;backface-visibility:hidden}.base-top{width:600px;height:400px;transform:translate(-50%,-50%) rotateX(90deg) translateZ(8px);background:linear-gradient(135deg,#e6e6e6,#b0b0b0);border-radius:8px}.base-bottom{width:600px;height:400px;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(8px);background:#909090;border-radius:8px}.base-front{width:600px;height:16px;transform:translate(-50%,-50%) rotateY(0) translateZ(198px);background:#a0a0a0}.base-back{width:600px;height:16px;transform:translate(-50%,-50%) rotateY(180deg) translateZ(198px);background:#888}.base-left{width:400px;height:16px;transform:translate(-50%,-50%) rotateY(-90deg) translateZ(298px);background:#b0b0b0}.base-right{width:400px;height:16px;transform:translate(-50%,-50%) rotateY(90deg) translateZ(298px);background:#c8c8c8}.keyboard{position:absolute;width:480px;height:180px;background:#2a2a2a;border-radius:6px;top:60px;left:60px;box-shadow:inset 0 2px 5px #0006;display:grid;grid-template-columns:repeat(15,1fr);gap:4px;padding:8px;box-sizing:border-box}.key{background:#111;border-radius:4px;box-shadow:0 1px 1px #ffffff1a}.trackpad{position:absolute;width:200px;height:110px;background:#d4d4d4;border-radius:8px;bottom:25px;left:200px;border:1px solid #c0c0c0;box-shadow:inset 0 1px 2px #0000001a}.base-notch{position:absolute;width:80px;height:6px;background:#909090;bottom:0;left:260px;border-top-left-radius:6px;border-top-right-radius:6px}.lid-hinge{position:absolute;transform-style:preserve-3d;transform:translate3d(0,-8px,-196px) rotateX(20deg)}.laptop-lid{position:absolute;transform-style:preserve-3d;transform:translateY(-190px)}.lid-front{width:600px;height:380px;transform:translate(-50%,-50%) rotateY(0) translateZ(4px);background:#111;border-radius:12px;border:2px solid #555}.lid-back{width:600px;height:380px;transform:translate(-50%,-50%) rotateY(180deg) translateZ(4px);background:linear-gradient(135deg,#f0f0f0,#a0a0a0);border-radius:12px}.lid-top{width:580px;height:8px;transform:translate(-50%,-50%) rotateX(90deg) translateZ(190px);background:#d0d0d0}.lid-bottom{width:580px;height:8px;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(190px);background:#999}.lid-left{width:8px;height:360px;transform:translate(-50%,-50%) rotateY(-90deg) translateZ(298px);background:#b0b0b0}.lid-right{width:8px;height:360px;transform:translate(-50%,-50%) rotateY(90deg) translateZ(298px);background:silver}.screen-wrapper{position:absolute;top:12px;left:12px;width:572px;height:352px;background:#0f0f15;border-radius:4px;overflow:hidden}.ide-header{height:24px;background:#1e1e24;display:flex;align-items:center;padding:0 10px;gap:6px}.ide-dot{width:10px;height:10px;border-radius:50%}.ide-dot.red{background:#ff5f56}.ide-dot.yellow{background:#ffbd2e}.ide-dot.green{background:#27c93f}.code-container{padding:20px;display:flex;flex-direction:column;gap:12px}.code-line{height:8px;border-radius:4px;background:#333;opacity:.8}.lid-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px;color:#fff;filter:drop-shadow(0 0 15px rgba(255,255,255,.8));opacity:.9}@media(min-width:600px){.hardware-container{transform:scale(.7)}.laptop-text-line-1{font-size:2.5rem}.laptop-text-line-2{font-size:2.3rem}}@media(min-width:1024px){.hardware-container{transform:scale(1)}.laptop-text-line-1{font-size:3rem}.laptop-text-line-2{font-size:2.8rem}}.about{padding:8rem 2rem;background-color:var(--bg-secondary)}.about-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-image{position:relative;display:flex;justify-content:center}.image-wrapper{position:relative;width:100%;max-width:500px;border-radius:20px;overflow:visible}.image-wrapper img{width:100%;height:auto;border-radius:20px;display:block;position:relative;z-index:2;box-shadow:0 20px 50px #00000080;transition:transform .5s ease}.image-wrapper:hover img{transform:scale(1.02)}.image-glow{position:absolute;top:10%;left:10%;width:80%;height:80%;border-radius:20px;background:var(--accent-color);filter:blur(50px);opacity:.6;z-index:1;animation:pulse-glow 4s infinite alternate}@keyframes pulse-glow{0%{opacity:.4;filter:blur(40px)}to{opacity:.7;filter:blur(60px)}}.about-text h2{font-size:3rem;margin-bottom:2rem;color:var(--text-primary);display:inline-block;background:linear-gradient(90deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-text p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-text strong,.about-text em{color:var(--accent-color);font-style:normal;font-weight:600}@media(max-width:968px){.about-container{grid-template-columns:1fr;text-align:center}.about-image{margin-bottom:2rem}.about-text h2{font-size:2.5rem}}.projects{padding:8rem 2rem;background-color:var(--bg-color)}.projects-container{max-width:1200px;margin:0 auto}.section-title{font-size:3rem;text-align:center;margin-bottom:4rem;color:var(--text-primary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.project-card{background:#111;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;display:block}.project-card:hover{border-color:var(--accent-color);box-shadow:0 10px 40px -10px #8a2be24d}.card-image{width:100%;height:220px;position:relative;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .card-image img{transform:scale(1.1)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .card-overlay{opacity:1}.card-content{padding:1.5rem}.card-content h3{font-size:1.5rem;margin-bottom:.5rem;color:#fff}.card-content p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.tag{display:inline-block;padding:.25rem .75rem;background:#8a2be226;color:var(--accent-color);border-radius:50px;font-size:.8rem;font-weight:600}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.footer{background-color:#050505;padding:6rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.05)}.footer-container{max-width:1200px;margin:0 auto;text-align:center}.footer-content h2{font-size:2.5rem;margin-bottom:1rem}.footer-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2.5rem}.footer-cta{display:inline-flex;margin-bottom:3rem}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem}.social-links a{color:var(--text-secondary);transition:all .3s ease;padding:10px;border-radius:50%;background:#ffffff0d}.social-links a:hover{color:#fff;background:var(--accent-color);transform:translateY(-5px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:2rem;font-size:.9rem;color:#666}:root{--bg-color: #050505;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a3a3a3;--accent-color: #8a2be2;--accent-glow: rgba(138, 43, 226, .5);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}a{text-decoration:none;color:inherit}ul{list-style:none}.app-container{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}