@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100;400;700&display=swap');:root{--primary-bg:#121213;--secondary-bg:#1a1a1b;--gold:#d4af37;--gold-hover:#f1c40f;--text-color:#e0e0e0;}body{background-color:var(--primary-bg);color:var(--text-color);font-family:'Vazirmatn', sans-serif;overflow-x:hidden;}.gold-text{color:var(--gold);}.bg-darker{background-color:var(--secondary-bg);}.navbar{background:rgba(18, 18, 19, 0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(212, 175, 55, 0.2);}.hero-section{min-height:100vh;padding-top:100px;}.profile-img{border:5px solid var(--gold);box-shadow:0 0 30px rgba(212, 175, 55, 0.3);max-width:350px;}.btn-gold{background-color:var(--gold);color:#121213;font-weight:bold;border-radius:8px;transition:0.3s;}.btn-gold:hover{background-color:var(--gold-hover);transform:translateY(-2px);}.bento-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:20px;}.bento-item{background:var(--secondary-bg);border:1px solid rgba(255,255,255,0.05);border-radius:20px;transition:0.4s;}.bento-item:hover{border-color:var(--gold);background:#252526;transform:scale(1.02);}.progress-custom{height:6px;background:#333;border-radius:3px;margin-top:15px;}.progress-bar-custom{height:100%;background:var(--gold);border-radius:3px;}.timeline{position:relative;max-width:800px;margin:0 auto;}.timeline::after{content:'';position:absolute;width:2px;background:var(--gold);top:0;bottom:0;left:50%;margin-left:-1px;}.timeline-item{padding:10px 40px;position:relative;width:50%;}.timeline-item::after{content:'';position:absolute;width:16px;height:16px;right:-8px;background-color:var(--primary-bg);border:2px solid var(--gold);top:15px;border-radius:50%;z-index:1;}.left{left:0;}.right{left:50%;}.right::after{left:-8px;}.content{padding:20px;background:var(--secondary-bg);border-radius:12px;border:1px solid rgba(255,255,255,0.05);}.contact-card{background:linear-gradient(145deg, #1a1a1b, #121213);border:1px solid rgba(212, 175, 55, 0.1);}@media screen and (max-width:600px){.timeline::after{left:31px;}.timeline-item{width:100%;padding-left:70px;padding-right:25px;}.timeline-item::after{left:21px;}.right{left:0%;}}