*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#0a0907;--bg-soft:#12100d;--panel:#0a0a0ad1;--panel-strong:#080808eb;--gold:#d9a441;--gold-soft:#f0c56b;--gold-dim:#d9a4412e;--text:#f4ede2;--text-soft:#d5cab9;--line:#d9a44157;--shadow:0 10px 30px #00000059;--max-width:1400px}body{color:var(--text);background:radial-gradient(circle at top,#d9a4410f,#0000 30%),linear-gradient(#090806 0%,#0c0b09 45%,#090806 100%);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:var(--gold-soft);text-decoration:none}a:hover{color:#ffd98d}.container{width:min(var(--max-width), 92%);margin:0 auto}.site-header{z-index:1000;position:sticky;top:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0808088c;border-bottom:1px solid #d9a4412e}.nav-container{justify-content:space-between;align-items:center;min-height:82px;display:flex}.logo{color:var(--gold-soft);letter-spacing:.8px;font-size:2rem;font-weight:700}.nav-links{align-items:center;gap:2.2rem;list-style:none;display:flex}.nav-links a{color:#f7f0e5;font-size:1.3rem;transition:color .25s,border-color .25s,background .25s}.resume-btn{border:1px solid var(--gold);border-radius:10px;padding:.85rem 1.4rem;color:var(--gold-soft)!important}.resume-btn:hover{background:#d9a44114}.hero{isolation:isolate;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:78vh;display:flex;position:relative}.hero-overlay{z-index:-2;background:linear-gradient(90deg,#000000c7 0%,#00000073 38%,#00000038 100%);position:absolute;inset:0}.hero-gradient{z-index:-1;background:linear-gradient(#00000047 0%,#0000001a 55%,#0a0806f2 100%);position:absolute;inset:0}.hero-content{max-width:620px;padding:7rem 0 8rem}.hero-label{color:var(--gold-soft);letter-spacing:1px;margin-bottom:1.4rem;font-size:1.4rem}.hero h1{color:#f8f2e8;margin-bottom:1.8rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.5rem,7vw,6.4rem);line-height:.98}.hero-text{color:#f1e6d6;max-width:560px;margin-bottom:2.2rem;font-size:1.7rem}.hero-actions{flex-wrap:wrap;gap:1.2rem;display:flex}.btn{border:1px solid var(--gold);border-radius:10px;justify-content:center;align-items:center;min-height:58px;padding:0 1.8rem;font-size:1.25rem;font-weight:700;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#140f07;background:linear-gradient(#f0bc57,#d49a32)}.btn-primary:hover{color:#140f07;background:linear-gradient(#f7ca72,#e0a843)}.btn-secondary{color:var(--gold-soft);background:#00000047}.content-shell{background:linear-gradient(#0c0a08fa,#080808fa),radial-gradient(circle at top,#d9a4410a,#0000 35%);border-top:1px solid #d9a44126;margin-top:-1px}.content-grid{grid-template-columns:1.7fr .8fr;gap:2rem;padding:2rem 0 3rem;display:grid}.content-main,.content-side{min-width:0}.portfolio-section{background:0 0;border-top:1px solid #d9a44129;padding:2rem 0}.section-header{align-items:center;gap:1rem;margin-bottom:1.6rem;display:flex}.section-header h2{color:var(--gold-soft);letter-spacing:.6px;font-size:2rem}.section-icon{color:var(--gold);font-size:2rem;font-weight:700}.projects-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.project-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#100e0bf0,#0a0a0af5);border-radius:14px;min-height:100%;padding:1.6rem}.project-card:hover{border-color:#f0c56bb3;transition:all .2s;transform:translateY(-4px)}.project-icon{color:var(--gold);margin-bottom:1rem;font-size:3rem}.project-card h3{color:#f7f0e5;margin-bottom:1rem;font-size:1.9rem}.project-card p{color:var(--text-soft);margin-bottom:1rem;font-size:1.12rem}.project-tech{color:var(--gold-soft);border-bottom:1px solid #d9a4412e;margin-bottom:1rem;padding-bottom:1rem;font-size:1.02rem}.project-card a{font-size:1.05rem;font-weight:600}.about-section{border-left:1px solid #d9a44138;padding-left:2rem}.about-content p{color:var(--text-soft);margin-bottom:1.5rem;font-size:1.22rem}.skills-list{flex-wrap:wrap;gap:.85rem;margin-top:1rem;display:flex}.skills-list span{color:var(--gold-soft);background:#d9a4410d;border:1px solid #d9a44180;border-radius:8px;padding:.65rem 1rem;font-size:1rem}.contact-links{flex-wrap:wrap;gap:2rem;display:flex}.contact-links a{color:var(--text-soft);font-size:1.14rem}.contact-links a:hover{color:var(--gold-soft)}@media (width<=1200px){.projects-grid{grid-template-columns:1fr}.content-grid{flex-direction:column;display:flex}.about-section{border-left:none;padding-left:0}.content-main{order:1}.content-side{order:2}.contact-section{order:3}}@media (width<=768px){.nav-container{flex-direction:column;justify-content:center;gap:1rem;padding:1rem 0}.nav-links{flex-wrap:wrap;justify-content:center;gap:1rem}.logo{font-size:1.6rem}.nav-links a{font-size:1rem}.hero{background-position:62%;min-height:72vh}.hero-content{padding:5rem 0 6rem}.hero-label{font-size:1rem}.hero h1{font-size:clamp(2.5rem,10vw,4rem)}.hero-text{font-size:1.1rem}.btn{width:100%}.section-header h2{font-size:1.35rem}.project-card h3{font-size:1.4rem}.about-content p,.contact-links a,.project-card p{font-size:1rem}}