@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--bg-primary:#0d0d12;--bg-card:#13131a;--bg-card2:#1a1a24;--gold:#c9a96e;--gold-light:#e8c98a;--gold-dim:#c9a96e2e;--text:#e8e8f0;--text-muted:#88a;--border:#c9a96e33;--radius:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}.nav{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0d0d12e0;justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo-img{object-fit:contain;border-radius:50%;width:50px;height:50px}.nav-links{align-items:center;gap:36px;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.5px;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--gold)}.nav-btn{border:1.5px solid var(--gold);color:var(--gold);cursor:pointer;background:0 0;border-radius:6px;padding:8px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:background .3s,color .3s}.nav-btn:hover{background:var(--gold);color:var(--bg-primary)}.side-nav{z-index:99;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.side-dot{background:var(--bg-card2);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;color:var(--gold);border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:background .3s,color .3s,border-color .3s;display:flex}.side-dot:hover,.side-dot.active{background:var(--gold);color:var(--bg-primary);border-color:var(--gold)}.fade-in{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(24px)}.fade-in.visible{opacity:1;transform:none}.hero{justify-content:center;align-items:center;min-height:100vh;padding:120px 60px 80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 70%,#c9a96e12 0%,#0000 70%);position:absolute;inset:0}.hero-content{flex:1;max-width:600px}.hero-greeting{color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-size:14px}.hero-name{color:var(--text);margin-bottom:16px;font-family:Cormorant Garamond,serif;font-size:clamp(42px,5vw,64px);font-weight:700;line-height:1.05}.hero-badge{background:var(--gold-dim);border:1px solid var(--border);color:var(--gold);letter-spacing:.5px;border-radius:20px;margin-bottom:24px;padding:5px 14px;font-size:12px;display:inline-block}.hero-desc{color:var(--text-muted);max-width:420px;margin-bottom:28px;font-size:15px;line-height:1.8}.hero-link{color:var(--gold);border-bottom:1px solid var(--border);padding-bottom:2px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .3s}.hero-link:hover{border-color:var(--gold)}.hero-location{color:var(--text-muted);align-items:center;gap:8px;margin-top:32px;font-size:13px;display:flex}.hero-avatar-wrap{flex-shrink:0;margin-left:60px}.hero-avatar-ring{border:2px solid var(--gold);background:linear-gradient(135deg, var(--bg-card2), var(--bg-card));border-radius:50%;width:220px;height:220px;padding:6px;box-shadow:0 0 60px #c9a96e26}.hero-avatar{background:linear-gradient(135deg,#2a2a3a,#1a1a24);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:72px;display:flex;overflow:hidden}.hero-avatar img{width:100%}.section{padding:100px 60px;position:relative}.section-title{text-align:center;color:var(--text);margin-bottom:60px;font-family:Cormorant Garamond,serif;font-size:clamp(36px,4vw,52px);font-weight:700}.section-title.gold{color:var(--gold)}.about-section{background:var(--bg-card)}.about-subtitle{text-align:center;color:var(--text-muted);margin-bottom:20px;font-size:16px}.about-subtitle strong{color:var(--text);font-weight:600}.about-desc{text-align:center;max-width:620px;color:var(--text-muted);margin:0 auto 60px;font-size:15px;line-height:1.9}.skills-title{text-align:center;color:var(--text);margin-bottom:32px;font-family:Cormorant Garamond,serif;font-size:30px;font-weight:700}.skills-grid{grid-template-columns:repeat(4,1fr);gap:14px;max-width:860px;margin:0 auto;display:grid}.skill-card{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:default;align-items:center;gap:10px;padding:14px 16px;font-size:13px;font-weight:500;transition:background .3s,border-color .3s,color .3s,transform .3s;display:flex}.skill-card:hover{border-color:var(--gold);background:var(--gold-dim);color:var(--gold);transform:translateY(-2px)}.skill-card.learning{color:var(--text-muted);border-style:dashed}.skill-icon{font-size:18px}.portfolio-section{background:var(--bg-primary)}.portfolio-layout{gap:60px;max-width:900px;margin:0 auto;display:flex}.portfolio-filters{flex-direction:column;gap:16px;min-width:140px;padding-top:8px;display:flex}.filter-btn{color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:color .3s}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:var(--gold);font-weight:600}.portfolio-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.portfolio-item{aspect-ratio:1;background:var(--bg-card2);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:border-color .3s,transform .3s,box-shadow .3s;overflow:hidden}.portfolio-item:hover{border-color:var(--gold);transform:scale(1.03);box-shadow:0 8px 32px #c9a96e26}.portfolio-item-inner{width:100%;height:100%;color:var(--border);background:linear-gradient(135deg,#1a1a28,#22222e);justify-content:center;align-items:center;font-size:28px;display:flex}.carousel-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}.dot{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:background .3s,width .3s,border-radius .3s}.dot.active{background:var(--gold);border-radius:4px;width:24px}.portfolio-item-img{padding:0;overflow:hidden}.portfolio-item-img img{object-fit:cover;object-position:top;border-radius:12px;width:100%;height:100%;display:block}.contact-section{background:var(--bg-card)}.contact-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card2);grid-template-columns:1fr 1fr;max-width:780px;margin:0 auto;display:grid;overflow:hidden}.contact-left{border-right:1px solid var(--border);padding:44px 36px}.contact-right{padding:44px 36px}.contact-label{color:var(--text);margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700}.contact-item{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:14px;font-size:13px;display:flex}.contact-item-icon{font-size:16px}.social-label{color:var(--text);margin:28px 0 16px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.form-input{border:1px solid var(--border);width:100%;color:var(--text);resize:none;background:#ffffff0a;border-radius:8px;outline:none;margin-bottom:14px;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .3s;display:block}.form-input:focus{border-color:var(--gold)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{height:110px}.send-btn{background:var(--gold);width:100%;color:var(--bg-primary);cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;transition:background .3s,transform .2s}.send-btn:hover{background:var(--gold-light);transform:translateY(-1px)}.footer{border-top:1px solid var(--border);background:#0a0a10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:36px 60px;display:flex}.footer-logo-img{object-fit:contain;border-radius:50%;width:50px;height:50px}.footer-links{gap:28px;margin-top:12px;display:flex}.footer-links a{color:var(--text-muted);font-size:13px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--gold)}.footer-copy{color:var(--text-muted);margin-top:8px;font-size:12px}.footer-right{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.footer-social{gap:16px;display:flex}.footer-social a{color:var(--text-muted);font-size:18px;text-decoration:none;transition:color .3s}.footer-social a:hover{color:var(--gold)}.footer-email{color:var(--text-muted);font-size:12px}@media (width<=768px){.nav{padding:16px 24px}.hero{text-align:center;flex-direction:column-reverse;padding:100px 24px 60px}.hero-avatar-wrap{margin:0 0 32px}.hero-location{justify-content:center}.hero-desc{margin:0 auto 28px}.section{padding:70px 24px}.skills-grid{grid-template-columns:repeat(2,1fr)}.portfolio-layout{flex-direction:column}.portfolio-filters{flex-flow:wrap}.contact-box{grid-template-columns:1fr}.contact-left{border-right:none;border-bottom:1px solid var(--border)}.footer{text-align:center;flex-direction:column;padding:28px 24px}.footer-right{align-items:center}.side-nav{display:none}}