:root {
    --primary: #9e35c7;
    --secondary: #b910a2;
    --accent: #5f0dda;
    --background: #1e293b;
    --text: #f9fafb;
    --card-bg: rgba(255,255,255,0.05);
    --nav-bg: rgba(30,41,59,0.95);
}

/* Reset */
* { box-sizing:border-box; margin:0; padding:0 }
html,body { height:100%; font-family:"Vazir",sans-serif; background:var(--background); color:var(--text); line-height:1.6; }

/* Container */
.container { width:92%; max-width:1100px; margin:0 auto; padding:20px; }


.main-content {
    background-color: var(--background);
    background-image: repeating-linear-gradient(
        135deg,
        rgba(255,255,255,0.02),
        rgba(255,255,255,0.02) 5px,
        transparent 100px,
        transparent 50px
    );
}


.portfolio-card {
    background-color: rgba(255,255,255,0.05); /* یا رنگ کارت قبلی ولی با alpha کم */
    backdrop-filter: blur(10px); /* اختیاری: برای شیشه‌ای شدن */
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

footer {
    backdrop-filter: blur(100px);
}

/* Hero / Coming soon card */
.hero-bio { display:flex; flex-wrap:wrap; justify-content:center; gap:50px; padding:70px 20px; }
.portfolio-card {
    display: inline-block;
    background: var(--card-bg);
    padding: 36px 46px;
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,0.45);
    max-width: 720px;
    width: calc(100% - 40px);
}

.portfolio-card i.fa-clock { font-size:56px; color:var(--primary); }
.portfolio-card h1 { margin-top:14px; font-size:28px; color:#fff; }
.portfolio-card p { margin-top:10px; font-size:17px; color:rgba(249,250,251,0.9); line-height:1.7; }
.portfolio-card .btn { margin-top:18px; padding:10px 18px; border-radius:22px; background:var(--accent); color:#fff; text-decoration:none; font-weight:600; display:inline-block; }
.portfolio-card .btn:hover { background:#fff; color:var(--primary); }
/* icon inside button */
.portfolio-card .btn i { margin-right:8px; }
html[dir="rtl"] .portfolio-card .btn i { margin-right:0; margin-left:8px; }

/* Footer */
footer { background: var(--card-bg); color: #fff; padding: 40px 20px; text-align: center; margin-top:50px; border-radius:16px 16px 0 0; box-shadow: 0 -8px 20px rgba(0,0,0,0.5); }
footer p { margin: 0; font-weight: 500; }
footer .socials { margin-top: 12px; }
footer .socials a { color: #fff; margin: 0 10px; font-size: 20px; transition: 0.3s; }
footer .socials a:hover { color: var(--accent); }


/* Responsive */
@media(max-width:768px) { .hero-bio { padding:40px 16px; } .portfolio-card { width:100%; padding:28px; } }


* {
  -webkit-tap-highlight-color: transparent;  
  -webkit-tap-highlight-color: rgba(0,0,0,0); 
  -webkit-focus-ring-color: rgba(0,0,0,0); 
  outline: none; 
}