@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@300;400;500;600;700&display=swap";.hero{display:flex;align-items:center;gap:48px;padding:96px 0}.hero-left{flex:1}.hero-left h1{font-size:72px;font-weight:900;line-height:.95;margin:0}.lead{max-width:560px;font-size:18px;color:var(--muted);margin-top:20px;line-height:1.5}.actions{margin-top:32px;display:flex;align-items:center;gap:20px}.hero-right{flex:0 0 460px;width:460px;display:flex;justify-content:center}.hero-card{background:#131313;padding:28px;border-radius:20px;width:100%}.hero-card img{width:100%;display:block;border-radius:14px;object-fit:cover}.featured{padding-top:80px;padding-bottom:80px}.featured h2{font-size:38px;font-weight:900;margin-bottom:12px}.featured .muted{max-width:680px;color:var(--muted);line-height:1.55}.projects-grid{display:flex;flex-direction:column;gap:80px;margin-top:48px}.project-card{width:100%;min-height:600px;display:flex;gap:48px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:48px}.project-card.reverse{flex-direction:row-reverse}.thumb{flex:0 0 540px}.thumb img{width:540px;height:340px;object-fit:cover;border-radius:12px;display:block}.project-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.project-info h3{font-size:28px;font-weight:800;margin-bottom:14px}.project-info .muted{color:var(--muted);line-height:1.6;margin-bottom:28px}.meta strong{color:#fff;margin-right:4px}.project-links{display:flex;gap:28px}.project-links a{font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;text-decoration:none}.about-preview{padding:80px 0}.about-preview h2{font-size:32px;font-weight:900;margin-bottom:16px}.about-preview p{max-width:620px;color:var(--muted);margin-bottom:18px;line-height:1.55}.about-link{display:inline-flex;font-weight:700;align-items:center;gap:6px;color:var(--accent)}@media(max-width:480px){.hero{flex-direction:column;text-align:left;padding:64px 0;gap:32px}.hero-left h1{font-size:42px}.actions{flex-direction:column;align-items:flex-start;gap:14px}.hero-right{width:100%;flex:none}.hero-card{padding:20px;border-radius:16px}.featured{padding-top:64px;padding-bottom:64px}.projects-grid{gap:64px}.project-card{flex-direction:column;min-height:877px;gap:40px;padding-bottom:40px}.project-card.reverse{flex-direction:column}.thumb{width:100%;flex:none}.thumb img{width:100%;height:auto;border-radius:14px}.project-info h3{font-size:22px}.meta{flex-direction:column;gap:8px;margin-bottom:22px}.project-links{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:900px){.hero{flex-direction:column;text-align:center;padding:72px 0}.hero-left h1{font-size:56px}.hero-right{width:100%;flex:none}.actions{justify-content:center}.project-card{gap:32px}.thumb{flex:0 0 360px}.thumb img{width:360px;height:220px}}.social-icons{display:flex;align-items:center;gap:12px}.social{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--card);color:var(--accent);font-weight:700;font-size:15px;text-decoration:none;transition:.2s ease}.social:hover{opacity:.85;transform:translateY(-2px)}.btn{padding:12px 22px;border-radius:999px;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.btn.primary{background:var(--accent);color:#0b0b0b}.btn.primary:hover{opacity:.9;transform:translateY(-1px)}.btn.primary:active{transform:translateY(0);opacity:.85}.about-top{display:flex;gap:40px;align-items:center;padding:60px 0}.about-left{flex:1}.about-headline{font-size:22px;color:#fff;margin-top:8px;font-weight:600;line-height:1.4}.about-actions{margin-top:20px;display:flex;gap:14px;align-items:center}.about-right{width:520px;flex:0 0 520px}.about-photo{background:#131313;padding:20px;border-radius:12px}.about-photo img{width:100%;border-radius:10px}.capabilities{padding:40px 0}.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.chip{padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.06);background:#0e0e0e;font-size:14px;color:#dcdcdc}.experience{padding:40px 0;border-top:1px solid rgba(255,255,255,.03);margin-top:20px}.exp-grid{display:flex;gap:24px;margin-top:18px}.exp-item{flex:1;padding:12px 0}@media(max-width:900px){.about-top{flex-direction:column;text-align:center}.about-right{width:100%;flex:none}.exp-grid{flex-direction:column}}.projects-page{padding-top:80px;padding-bottom:80px}.projects-top h1{font-size:48px;font-weight:900;margin:0}.projects-top .muted{max-width:700px;margin-top:12px;font-size:17px;color:var(--muted)}.projects-list{display:flex;flex-direction:column;gap:80px;margin-top:48px}.proj{width:100%;min-height:600px;display:flex;gap:48px;align-items:flex-start;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.08)}.proj.reverse{flex-direction:row-reverse}.proj-thumb{flex:0 0 540px}.proj-thumb img{width:540px;height:340px;object-fit:cover;border-radius:14px;display:block}.proj-body{flex:1}.proj-body h3{font-size:28px;font-weight:800;margin-bottom:14px}.proj-body .muted{color:var(--muted);font-size:16px;line-height:1.6;max-width:640px;margin-bottom:28px}.meta{display:flex;gap:28px;margin-bottom:32px;font-size:15px}.meta strong{color:#fff;font-weight:700;margin-right:6px}.links,.project-links{display:flex;align-items:center;gap:28px}.link-live,.github-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-weight:700;text-decoration:none;font-size:15px}.icon,.git-icon{font-size:18px}@media(max-width:480px){.projects-page{padding-top:64px;padding-bottom:64px}.projects-list{gap:64px}.proj,.proj.reverse{flex-direction:column;min-height:877px;gap:40px;padding-bottom:40px}.proj-thumb{width:100%;flex:none}.proj-thumb img{width:100%;height:auto;border-radius:16px}.proj-body h3{font-size:22px}.proj-body .muted{font-size:15px;margin-bottom:22px}.meta{flex-direction:column;gap:8px;margin-bottom:22px}.links,.project-links{flex-direction:column;align-items:flex-start;gap:14px}}@media(max-width:900px){.proj{gap:32px}.proj-thumb{flex:0 0 360px}.proj-thumb img{width:360px;height:220px}.proj-body h3{font-size:24px}}.contact-top{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 0;align-items:start}.contact-intro h1{font-family:Oswald,sans-serif;font-size:40px;margin-bottom:10px;color:#fff}.contact-form{display:flex;flex-direction:column;gap:14px}.contact-form label{font-size:13px;color:var(--muted)}.contact-form input,.contact-form textarea{background:#151515;border:1px solid rgba(255,255,255,.05);padding:14px;border-radius:6px;color:#fff;font-size:14px}.contact-form textarea{min-height:140px;resize:vertical}.form-actions{margin-top:16px}.err{color:#ff6b6b;font-size:13px;margin-top:-6px;margin-bottom:10px}.success{color:#d7ff66;margin-top:10px;font-size:14px}.error{color:#ff6b6b;margin-top:10px;font-size:14px}@media(max-width:900px){.contact-top{grid-template-columns:1fr}.contact-intro{order:2}}.navbar{width:100%;background:#0b0b0b;padding:20px 0;position:sticky;top:0;z-index:100}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-brand{font-size:22px;font-weight:800;letter-spacing:1px;color:#e4e4e4;text-transform:uppercase}.nav-links{display:flex;gap:32px}.nav-links a{font-size:16px;color:#d0d0d0;transition:.2s}.nav-links a:hover{color:#fff}.nav-links a.active{color:var(--accent, #d6f05a)}.desktop{display:flex}.mobile{display:none}.hamburger{width:32px;height:20px;cursor:pointer;display:none;flex-direction:column;justify-content:space-between;background:none;border:none}.hamburger .line{height:2px;width:100%;background:#e4e4e4;transition:.3s}.hamburger .line.open:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger .line.open:nth-child(2){transform:rotate(-45deg) translateY(-7px)}.mobile-menu{display:flex;flex-direction:column;background:#0b0b0b;padding:20px;border-top:1px solid rgba(255,255,255,.06)}.mobile-menu a{padding:14px 0;font-size:18px;color:#d0d0d0;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-menu a:last-child{border-bottom:0}.mobile-menu a.active{color:var(--accent, #d6f05a)}@media(max-width:768px){.desktop{display:none}.mobile{display:flex}.nav-brand{font-size:18px}}.site-footer{background:#000;padding:80px 0;border-top:1px solid rgba(255,255,255,.05)}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:50px}.footer-left h3{font-family:Oswald,sans-serif;font-size:42px;margin-bottom:20px;color:#fff}.footer-text{font-size:15px;margin:6px 0;color:#c7c7c7}.footer-text a{color:#fff;border-bottom:1px solid var(--accent)}.footer-icons{display:flex;gap:22px;margin:20px 0}.footer-icons a{font-size:28px;color:var(--accent);display:inline-flex}.copyright-bottom{font-family:Manrope,sans-serif;font-weight:500;font-style:normal;font-size:16px;line-height:160%;letter-spacing:0;margin-top:220px;color:#c7c7c7;height:26px;opacity:1}.footer-form{width:420px;display:flex;flex-direction:column;gap:14px}.footer-form label{font-size:14px;color:#bbb}.footer-form input,.footer-form textarea{background:#111;border:1px solid rgba(255,255,255,.08);padding:14px;border-radius:6px;color:#fff;font-size:15px}.footer-form textarea{height:140px;resize:none}.btn.submit{margin-top:10px;width:150px;background:var(--accent);color:#000;font-weight:700;border-radius:999px}.error{color:#ff6b6b;font-size:13px;margin-top:-6px;margin-bottom:10px}.success{color:#d7ff66;font-size:14px;margin-top:10px}.footer-bottom{margin-top:50px;text-align:center;font-size:14px;color:var(--muted);opacity:.8}@media(max-width:900px){.footer-inner{flex-direction:column;gap:40px}.footer-form{width:100%}.footer-left h3{font-size:34px}}:root{--bg: #0A0A0A;--card: #0f0f0f;--muted: #C7C7C7;--accent: #D3E97A;--white: #FFFFFF;--darkgrey: #484848;--radius: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:#fff;font-family:Manrope,system-ui,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:90%;max-width:1200px;margin:auto;padding:40px 0}a{color:var(--accent);text-decoration:none}.muted{color:var(--muted);font-size:.95rem}h1,h2,h3{font-family:Bebas Neue,sans-serif;margin:0}h1{font-size:64px;line-height:.95;letter-spacing:-1px}h2{font-size:36px}.btn{display:inline-block;padding:12px 24px;border-radius:999px;background:var(--accent);color:#0b0b0b;font-weight:700;border:none;cursor:pointer}@media(max-width:768px){h1{font-size:40px}.container{padding:20px 16px}}