.app-wrapper{flex-direction:column;min-height:100vh;display:flex}main>section{border-bottom:1px solid var(--border-color);padding:60px 0;scroll-margin-top:80px}main>section:last-child{border-bottom:none}.navbar{background-color:var(--bg-color);z-index:100;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px 0;display:flex;position:sticky;top:0}.nav-brand{color:var(--accent-color);letter-spacing:1px;font-size:2rem;font-weight:700;transition:opacity .2s}.nav-brand:hover{opacity:.85}.nav-links{color:var(--text-muted);align-items:center;gap:30px;font-size:.95rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.nav-links a:hover{color:var(--text-primary);background-color:var(--card-bg)}.nav-links a.active{color:#000;background-color:var(--accent-color);font-weight:600}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger .bar{background-color:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s}.hamburger .bar:first-child{transform:translateY(-7px)}.hamburger .bar:nth-child(2){transform:translateY(0)}.hamburger .bar:nth-child(3){transform:translateY(7px)}@media (width<=768px){.navbar{box-sizing:border-box;width:100%}.nav-brand{white-space:nowrap;font-size:1.6rem}.hamburger{display:flex}.hamburger.active .bar:first-child{background-color:var(--accent-color);transform:translateY(0)rotate(45deg)}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(3){background-color:var(--accent-color);transform:translateY(0)rotate(-45deg)}.nav-links{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);opacity:0;visibility:hidden;background-color:#181818f2;border-radius:20px;flex-direction:column;align-items:stretch;gap:8px;width:auto;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + 12px);left:16px;right:16px;transform:translateY(-16px)scale(.98);box-shadow:0 20px 40px #0009}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-links li{width:100%}.nav-links a{text-align:left;width:100%;color:var(--text-primary);background-color:#ffffff05;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.nav-links a:after{content:"→";color:var(--text-muted);font-size:1rem;transition:transform .2s,color .2s}.nav-links a:hover,.nav-links a:active{background-color:var(--bg-color);border-color:var(--border-color);color:var(--accent-color)}.nav-links a:hover:after,.nav-links a:active:after{color:var(--accent-color);transform:translate(4px)}}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding:64px 0;display:grid}.hero-title{letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;font-family:Bebas Neue,sans-serif;font-size:5.5rem;line-height:.9}.hero-description{color:var(--text-muted);max-width:440px;margin-bottom:32px;font-size:1.05rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.icon-btn{background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color);letter-spacing:.5px;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;font-weight:700;transition:all0 .2s;display:inline-flex}.icon-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.profile-img{object-fit:contain;border-radius:20px;width:100%;height:100%}@media (width<=1024px){.hero{grid-template-columns:1fr;gap:40px;padding:60px 0 40px}.hero-title{font-size:4.2rem}.hero-description{max-width:100%}.profile-img{max-width:100%;height:440px}}@media (width<=640px){.hero{gap:28px;padding:32px 0}.hero-title{font-size:3.2rem;line-height:.95}.hero-description{margin-bottom:24px;font-size:.98rem}.hero-actions{gap:12px}.btn-primary{padding:10px 20px;font-size:.85rem}.profile-img{border-radius:16px;height:340px}}.skills-grid{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.skill-pill{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);letter-spacing:1px;border-radius:50px;padding:10px 20px;font-size:.85rem;font-weight:600;transition:all .2s}.skill-pill:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-2px)}.section-title{letter-spacing:1px;margin-bottom:12px;font-family:Bebas Neue,sans-serif;font-size:4rem;line-height:1}.section-subtitle{color:var(--text-muted);margin-bottom:48px;font-size:1.05rem}.project-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin-bottom:32px;padding:24px;display:grid}.project-img-wrapper{background-color:#111;border-radius:12px;width:100%;height:100%;min-height:320px;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;display:block}.project-details{flex-direction:column;justify-content:center;height:100%;padding:12px 12px 12px 0;display:flex}.project-title{color:var(--text-primary);margin-bottom:16px;font-size:2.2rem;font-weight:700}.project-description{color:var(--text-muted);margin-bottom:32px;font-size:1rem;line-height:1.6}.project-meta-container{border-top:1px solid var(--border-color);flex-direction:column;gap:16px;padding-top:20px;display:flex}.project-meta-info{color:var(--text-muted);gap:24px;font-size:.9rem;display:flex}.meta-label{color:var(--text-primary);font-weight:500}.project-links{gap:24px;margin-top:8px;display:flex}.link-accent{color:var(--accent-color);letter-spacing:.5px;font-size:.9rem;font-weight:600}.link-accent:hover{text-decoration:underline}@media (width<=768px){.project-card{grid-template-columns:1fr;gap:24px;padding:20px}.project-details{padding:0}.project-img-wrapper{min-height:240px}.project-title{font-size:1.8rem}}.contact-container{grid-template-columns:1fr 1.2fr;align-items:start;gap:32px;margin-top:32px;display:grid}.contact-info{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:32px}.contact-info-title{color:var(--text-primary);margin-bottom:12px;font-size:1.8rem;font-weight:700}.contact-info-desc{color:var(--text-muted);margin-bottom:32px;font-size:1rem;line-height:1.6}.contact-details-list{flex-direction:column;gap:20px;display:flex}.contact-detail-item{flex-direction:column;gap:4px;display:flex}.contact-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.contact-value{color:var(--accent-color);font-size:1.05rem;font-weight:600;text-decoration:none;transition:opacity .2s}.contact-value:hover{opacity:.8}.contact-form{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:20px;padding:32px;display:flex}.form-group{flex-direction:column;gap:8px;width:100%;display:flex}.form-label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-input{box-sizing:border-box;background-color:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #d0f25a26}.form-textarea{resize:vertical;min-height:120px}.form-submit-btn{justify-content:center;width:100%;margin-top:8px;padding:14px 28px;font-size:.95rem}@media (width<=868px){.contact-container{grid-template-columns:1fr;gap:24px}.contact-info,.contact-form{border-radius:16px;padding:24px}.contact-info-title{font-size:1.5rem}}@media (width<=525px){.contact-info,.contact-form{padding:20px 16px}.form-input{padding:12px 14px}}html{scroll-behavior:smooth;max-width:100vw}section{scroll-margin-top:10px}:root{--bg-color:#0d0d0d;--card-bg:#181818;--accent-color:#d0f25a;--text-primary:#fff;--text-muted:#8e8e93;--border-color:#262626;--font-heading:"Bebas Neue", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6}.container{width:100%;max-width:1100px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.font-heading{font-family:var(--font-heading);letter-spacing:1px}.btn-primary{background-color:var(--accent-color);color:#000;cursor:pointer;text-transform:uppercase;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-weight:700;display:inline-flex}.btn-primary:hover{opacity:.9}a{color:inherit;text-decoration:none}ul{list-style:none}