/**
 * Project: Personal Website – Mohammad Zanganeh
 * Description: Main stylesheet for layout, components and responsive design
 * Author: Mohammad Zangane
 * Website: https://zangane.net
 * Version: 1.1
 * License: All rights reserved
 */
*,*::before,*::after{box-sizing: border-box}:root{--font-family: "Vazirmatn", system-ui, -apple-system, BlinkMacSystemFont,"Segoe UI", sans-serif;--color-primary: #480000;--color-primary-dark: #2d0000;--color-bg: #0b0202;--color-bg-soft: #160707;--color-card: #1f0808;--color-border: rgba(255, 255, 255, 0.06);--color-text: #f8f2f2;--color-text-soft: #d5c7c7;--color-accent: #ffb347;--radius-lg: 20px;--radius-xl: 30px;--shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.65);--transition-fast: 0.25s ease-out;--section-padding: 6rem}@font-face{font-family: "Vazirmatn";font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/Dxxo8j6PP2D_kU2muijlGMWWMmk.woff2) format("woff2");unicode-range: U 0600-06FF, U 0750-077F, U 0870-088E, U 0890-0891, U 0897-08e1,U 08e3-08FF, U 200C-200E, U 2010-2011, U 204F, U 2e41, U FB50-FDFF,U FE70-FE74, U FE76-FEFC, U 102-102FB, U 10e60-107eE, U 10EC2-10EC4,U 10EFC-10EFF, U 1EE00-1EE03, U 1EE05-1EE1F, U 1EE21-1EE22, U 1EE24, U 1EE27,U 1EE29-1EE32, U 1EE34-1EE37, U 1EE39, U 1EE3B, U 1EE42, U 1EE47, U 1EE49,U 1EE4B, U 1EE4D-1EE4F, U 1EE51-1EE52, U 1EE54, U 1EE57, U 1EE59, U 1EE5B,U 1EE5D, U 1EE5F, U 1EE61-1EE62, U 1EE64, U 1EE67-1EE6A, U 1EE6C-1EE72,U 1EE74-1EE77, U 1EE79-1EE7C, U 1EE7E, U 1EE80-1EE89, U 1EE8B-1EE9B,U 1EEA1-1EEA3, U 1EEA5-1EEA9, U 1EEAB-1EEBB, U 1EEF0-1EEF1}@font-face{font-family: "Vazirmatn";font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/Dxxo8j6PP2D_kU2muijlE8WWMmk.woff2) format("woff2");unicode-range: U 0100-02BA, U 02BD-02C5, U 02C7-02CC, U 02CE-02D7, U 02DD-02FF,U 0304, U 0308, U 0329, U 1D00-1DBF, U 1-1e9F, U 1EF2-1EFF, U 2020,U 20A0-20AB, U 20AD-20C0, U 2113, U 2C60-2C7F, U A720-A7FF}@font-face{font-family: "Vazirmatn";font-style: normal;font-weight: 100 900;font-display: swap;src: url(../fonts/Dxxo8j6PP2D_kU2muijlHcWW.woff2) format("woff2");unicode-range: U 0000-00FF, U 0131, U 0152-0153, U 02BB-02BC, U 02C6, U 02DA,U 02DC, U 0304, U 0308, U 0329, U 2000-206F, U 20AC, U 2122, U 2191, U 2193,U 2212, U 2215, U FEFF, U FFFD}html{scroll-behavior: smooth}body{margin: 0;font-family: var(--font-family);background: radial-gradient(circle at top, #480000 0, #0b0202 45%, #000 100%);color: var(--color-text);direction: rtl}.container{width: 100%;max-width: 1140px;margin: 0 auto;padding: 0 1.5rem}.header{position: sticky;top:0;z-index: 100;backdrop-filter: blur(18px);background: radial-gradient(circle at top left,rgba(72, 0, 0, 0.92),rgba(10, 0, 0, 0.96));border-bottom: 1px solid rgba(255, 255, 255, 0.06);transform:translateZ(0);-webkit-transform:translateZ(0)}.nav-container{display: flex;align-items: center;justify-content: space-between;padding-block: 0.8rem}@media (max-width:768px){.nav-container{padding-block: 1.2rem}}.logo{display: inline-flex;align-items: center;gap: 0.7rem}.logo-avatar{width: 36px;height: 36px;border-radius: 999px;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.55);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.7)}.logo-avatar img{width: 100%;height: 100%;object-fit: cover}.brand-name{font-size: 0.95rem;font-weight: 600;line-height: 1.2}.brand-subtitle{font-size: 0.72rem;opacity: 0.7;margin-top: 0.1rem;font-weight: 400}.nav{display: flex;align-items: center}.nav ul{list-style: none;display: flex;align-items: center;gap: 0.25rem;margin: 0;padding: 0.18rem;border-radius: 999px;background: radial-gradient(circle at top,rgba(0, 0, 0, 0.95),rgba(18, 0, 0, 0.96));border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 14px 40px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(0, 0, 0, 0.9)}.nav li{display: flex}.nav-panel{display: flex;align-items: center;gap: 0.4rem}.nav-panel-header,.nav-panel-footer{display: none}.nav-panel-brand{display: flex;align-items: center;gap: 0.6rem}.nav-panel-title{font-size: 0.9rem;font-weight: 600}.nav-panel-subtitle{font-size: 0.75rem;opacity: 0.7}.nav a{position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 0.45rem 1.25rem;border-radius: 999px;font-size: 0.82rem;text-decoration: none;color: var(--color-text-soft);transition: background var(--transition-fast), color var(--transition-fast),box-shadow var(--transition-fast), transform var(--transition-fast)}.nav a:hover,.nav a.active{background: linear-gradient(135deg, #ffb347, #ff5c5c);color: #2d0000;box-shadow: 0 8px 22px rgba(0, 0, 0, 0.65);transform: translateY(-1px)}.nav a::after{content: "";position: absolute;inset-inline: 18%;inset-block-end: 0.32rem;height: 2px;border-radius: 999px;background: rgba(0, 0, 0, 0.45);opacity: 0;transform: scaleX(0.4);transform-origin: center;transition: opacity var(--transition-fast), transform var(--transition-fast)}.nav a:hover::after,.nav a.active::after{opacity: 1;transform: scaleX(1)}.nav-toggle{display: none;flex-direction: column;gap: 4px;background: transparent;border: none;cursor: pointer;padding: 0.3rem}.nav-toggle span{width: 22px;height: 2px;border-radius: 999px;background: #fff;transition: transform var(--transition-fast), opacity var(--transition-fast),background var(--transition-fast)}.nav-toggle.open span:nth-child(1){transform: translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity: 0}.nav-toggle.open span:nth-child(3){transform: translateY(-6px) rotate(-45deg)}.hero{padding-block: padding-block:calc(var(--section-padding) 1rem) var(--section-padding)}.hero-grid{display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.2fr);gap: 3rem;align-items: center;margin-top: 15px}.chip{display: inline-flex;align-items: center;padding: 0.25rem 0.8rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.12);font-size: 0.78rem;color: var(--color-text-soft);background: radial-gradient(circle at top left,rgba(255, 179, 71, 0.18),transparent 55%);margin-bottom: 0.7rem;gap: 0.3rem}.hero-info h1{font-size: clamp(2.2rem, 3vw, 2.8rem);margin: 0.3rem 0 0.8rem;letter-spacing: -0.03em}.hero-subtitle{font-size: 0.95rem;color: var(--color-text-soft);line-height: 1.9;max-width: 38rem}.hero-subtitle strong{color: #ffe0b3}.hero-tags{display: flex;flex-wrap: wrap;gap: 0.4rem;margin-top: 1.3rem}.tag{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.8rem;border-radius: 999px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.06);font-size: 0.78rem}.hero-actions{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 1.8rem}.btn{font-family: var(--font-family);display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.7rem 1.4rem;border-radius: 999px;border: none;cursor: pointer;font-size: 0.9rem;font-weight: 500;text-decoration: none;transition: transform var(--transition-fast),box-shadow var(--transition-fast), background var(--transition-fast),color var(--transition-fast)}.btn.primary{background: linear-gradient(135deg, #ffb347, #ff5c5c);color: #2d0000;box-shadow: 0 15px 35px rgba(0, 0, 0, 0.55)}.btn.primary:hover{transform: translateY(-2px);box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7)}.btn.ghost{background: transparent;border: 1px solid rgba(255, 255, 255, 0.18);color: #fff}.btn.ghost:hover{background: rgba(255, 255, 255, 0.06)}.btn.full{width: 100%}.hero-social{display: flex;align-items: center;gap: 0.7rem;margin-top: 2rem}.hero-social a{width: 32px;height: 32px;border-radius: 999px;display: inline-flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.06);color: #fff;text-decoration: none;font-size: 0.9rem;transition: var(--transition-fast)}.hero-social a:hover{transform: translateY(-2px) scale(1.05);background: linear-gradient(135deg, #ffb347, #ff5c5c);color: #2d0000}.hero-profile{display: flex;justify-content: flex-end}.profile-card{background: radial-gradient(circle at top,rgba(255, 179, 71, 0.16),transparent 56%),linear-gradient(145deg, var(--color-card), #150404);border-radius: var(--radius-xl);padding: 1.7rem 1.6rem;border: 1px solid rgba(255, 255, 255, 0.1);box-shadow: var(--shadow-soft);max-width: 360px;position: relative;overflow: hidden}.profile-card::before{content: "";position: absolute;inset-inline-start: -20%;inset-block-end: -40%;width: 220px;height: 220px;background: radial-gradient(circle, rgba(255, 92, 92, 0.16), transparent 65%);opacity: 0.7;pointer-events: none}@keyframes floatY{0%{transform: translateY(0)}50%{transform: translateY(-10px)}100%{transform: translateY(0)}}.profile-avatar{position: relative;display: flex;justify-content: center;margin-bottom: 1.3rem}.profile-avatar img{width: 140px;height: 140px;border-radius: 30px;object-fit: cover;border: 2px solid rgba(255, 255, 255, 0.35);box-shadow: 0 18px 40px rgba(0, 0, 0, 0.8);transform: translateY(0);transition: transform 0.7s ease-out;animation: floatY 2s ease-in-out infinite}.status-pill{position: absolute;inset-block-end: 6px;inset-inline-end: 0;transform: translateX(20%);background: rgba(8, 240, 180, 0.2);color: #b7ffe8;font-size: 0.75rem;padding: 0.25rem 0.7rem;border-radius: 999px;border: 1px solid rgba(110, 255, 210, 0.7);backdrop-filter: blur(4px)}.profile-meta{position: relative;z-index: 2;display: grid;gap: 0.6rem;margin-bottom: 1.1rem}.meta-row{display: flex;align-items: baseline;justify-content: space-between;font-size: 0.8rem;color: var(--color-text-soft)}.meta-row strong{font-size: 0.85rem;color: #fff}.profile-highlight{position: relative;z-index: 2;display: flex;gap: 0.6rem;padding: 0.75rem 0.9rem;border-radius: 16px;background: rgba(0, 0, 0, 0.4);backdrop-filter: blur(10px);border: 1px dashed rgba(255, 255, 255, 0.18);font-size: 0.8rem;color: var(--color-text-soft)}.profile-highlight i{color: #ffb347;margin-top: 0.05rem}.profile-badge{display: inline-block;padding: 0.35rem 0.9rem;border-radius: 999px;font-size: 0.78rem;font-weight: 500;background: rgba(255, 179, 71, 0.12);color: #ffb347;border: 1px solid rgba(255, 179, 71, 0.35);margin-bottom: 0.8rem}.section{padding-block: var(--section-padding)}.section.alt{background: radial-gradient(circle at top,rgba(72, 0, 0, 0.75),#050000 55%,#000 100%)}.section-header{text-align: center;max-width: 540px;margin: 0 auto 2.8rem}.section-header h2{margin: 0.2rem 0 0.6rem;font-size: 1.6rem}.section-header p{margin: 0;color: var(--color-text-soft);font-size: 0.95rem}.skills-grid{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 1.5rem}.skill-card{background: linear-gradient(145deg, rgba(31, 8, 8, 0.9), rgba(12, 0, 0, 0.9));border-radius: var(--radius-lg);padding: 1.3rem 1.2rem;border: 1px solid rgba(255, 255, 255, 0.06);box-shadow: 0 14px 35px rgba(0, 0, 0, 0.65);position: relative;overflow: hidden;transition: transform var(--transition-fast),box-shadow var(--transition-fast), border-color var(--transition-fast)}.skill-card::after{content: "";position: absolute;inset-inline-start: -40%;inset-block-start: -40%;width: 160px;height: 160px;background: radial-gradient(circle,rgba(255, 179, 71, 0.16),transparent 60%);opacity: 0;transition: opacity var(--transition-fast)}.skill-card:hover{transform: translateY(-6px);box-shadow: 0 18px 45px rgba(0, 0, 0, 0.8);border-color: rgba(255, 179, 71, 0.4)}.skill-card:hover::after{opacity: 1}.skill-icon{width: 38px;height: 38px;border-radius: 14px;background: rgba(255, 255, 255, 0.04);display: inline-flex;align-items: center;justify-content: center;margin-bottom: 0.8rem}.skill-icon i{color: #ffb347}.skill-card h3{margin: 0 0 0.4rem;font-size: 1rem}.skill-card p{margin: 0 0 0.7rem;font-size: 0.86rem;color: var(--color-text-soft)}.skill-card ul{list-style: none;padding: 0;margin: 0;font-size: 0.8rem;color: var(--color-text-soft)}.skill-card li{margin-bottom: 0.25rem}.projects-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.7rem}.project-card{position: relative;background: linear-gradient(150deg,rgba(24, 0, 0, 0.98),rgba(5, 0, 0, 0.98));border-radius: var(--radius-lg);padding: 1.4rem 1.3rem 1.3rem;border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 16px 42px rgba(0, 0, 0, 0.85);overflow: hidden;transition: transform var(--transition-fast),box-shadow var(--transition-fast), border-color var(--transition-fast)}.project-card::before{content: "";position: absolute;inset-inline-end: -35%;inset-block-start: -50%;width: 200px;height: 200px;background: radial-gradient(circle, rgba(255, 92, 92, 0.2), transparent 65%);opacity: 0.6;pointer-events: none}.project-badge{position: relative;display: inline-flex;align-items: center;padding: 0.25rem 0.7rem;border-radius: 999px;background: rgba(255, 255, 255, 0.06);font-size: 0.75rem;margin-bottom: 0.7rem;color: var(--color-text-soft)}.project-card h3{position: relative;margin: 0 0 0.5rem;font-size: 1.02rem}.project-card p{position: relative;margin: 0 0 0.9rem;font-size: 0.86rem;color: var(--color-text-soft)}.project-card ul{position: relative;list-style: none;padding: 0;margin: 0 0 1rem;font-size: 0.8rem;color: var(--color-text-soft)}.project-card li::before{content: "•";margin-inline-end: 0.2rem;color: #ffb347}.project-card li{margin-bottom: 0.25rem}.project-link{position: relative;display: inline-flex;align-items: center;gap: 0.25rem;font-size: 0.82rem;color: #ffb347;text-decoration: none}.project-link::after{content: "\f064";font-family: "Font Awesome 6 Free";font-weight: 900;font-size: 0.7rem;transform: translateX(-2px);transition: transform var(--transition-fast)}.project-card:hover{transform: translateY(-7px);box-shadow: 0 22px 55px rgba(0, 0, 0, 0.95);border-color: rgba(255, 179, 71, 0.8)}.project-card:hover .project-link::after{transform: translateX(2px)}.certs-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.7rem}.cert-column{background: linear-gradient(145deg, rgba(31, 8, 8, 0.9), rgba(12, 0, 0, 0.9));border-radius: var(--radius-lg);padding: 1.4rem 1.3rem;border: 1px solid rgba(255, 255, 255, 0.07);box-shadow: 0 15px 38px rgba(0, 0, 0, 0.7)}.cert-column h3{margin: 0 0 0.9rem;font-size: 1rem;display: flex;align-items: center;gap: 0.5rem}.cert-column h3 i{color: #ffb347}.icon-list{list-style: none;padding: 0;margin: 0;font-size: 0.86rem;color: var(--color-text-soft)}.icon-list li{display: flex;align-items: flex-start;gap: 0.4rem;margin-bottom: 0.4rem}.icon-list i{margin-top: 0.07rem;color: #ffb347}.resume-layout{display: grid;grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);gap: 2rem}.resume-card{background: linear-gradient(145deg,rgba(31, 8, 8, 0.96),rgba(12, 0, 0, 0.96));border-radius: 22px;border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 18px 50px rgba(0, 0, 0, 0.85);padding: 1.6rem 1.5rem 1.4rem;margin-bottom: 1.5rem}.resume-card h3{margin: 0 0 0.6rem;font-size: 1.05rem;display: flex;align-items: center;gap: 0.5rem}.resume-card h3 i{color: #ffb347}.resume-summary{font-size: 0.92rem;color: var(--color-text-soft);line-height: 2}.resume-meta-list{list-style: none;padding: 0;margin: 0.2rem 0 0;font-size: 0.86rem;color: var(--color-text-soft)}.resume-meta-list li{display: flex;align-items: center;gap: 0.4rem;margin-bottom: 0.3rem}.resume-meta-list i{color: #ffb347}.timeline{position: relative;margin-top: 0.4rem}.timeline::before{content: "";position: absolute;inset-block: 0;inset-inline-end: 0.9rem;width: 2px;background: linear-gradient(to bottom,rgba(255, 179, 71, 0.8),rgba(255, 92, 92, 0.4));opacity: 0.7}.timeline-item{position: relative;padding-inline-end: 2.5rem;padding-inline-start: 0.2rem;padding-block: 0.5rem 0.55rem}.timeline-item::before{content: "";position: absolute;inset-inline-end: 0.75rem;inset-block-start: 0.95rem;width: 10px;height: 10px;border-radius: 999px;background: #ffb347;box-shadow: 0 0 0 4px rgba(255, 179, 71, 0.25)}.timeline-title{font-size: 0.9rem;margin-bottom: 0.15rem}.timeline-sub{font-size: 0.8rem;color: var(--color-text-soft);margin-bottom: 0.25rem}.timeline-date{font-size: 0.78rem;color: rgba(255, 255, 255, 0.55)}.timeline-desc{font-size: 0.82rem;color: var(--color-text-soft);margin-top: 0.25rem}.resume-two-col{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem;margin-top: 0.5rem}.skill-badges{display: flex;flex-wrap: wrap;gap: 0.35rem;margin-top: 0.4rem}.skill-badge{padding: 0.23rem 0.6rem;border-radius: 999px;border: 1px solid rgba(255, 255, 255, 0.14);font-size: 0.78rem;color: var(--color-text-soft);background: rgba(0, 0, 0, 0.35)}@media (max-width: 920px){.resume-layout{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 600px){.resume-two-col{grid-template-columns: minmax(0, 1fr)}}.assessment-list{display: flex;flex-direction: column;gap: 1rem}.assessment-item{display: grid;grid-template-columns: 90px minmax(0, 1fr);align-items: center;gap: 1.2rem;padding: 0.9rem 1rem;border-radius: 18px;background: linear-gradient(145deg,rgba(31, 8, 8, 0.96),rgba(12, 0, 0, 0.96));border: 1px solid rgba(255, 255, 255, 0.06);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85)}.assessment-logo{width: 76px;height: 76px;border-radius: 24px;background: rgba(255, 255, 255, 0.04);display: flex;align-items: center;justify-content: center;overflow: hidden}.assessment-logo img{width: 80%;height: 80%;object-fit: contain}.assessment-body h3{margin: 0 0 0.35rem;font-size: 0.98rem}.assessment-body p{margin: 0.1rem 0;font-size: 0.85rem;color: var(--color-text-soft)}.assessment-result{font-size: 0.85rem;margin-top: 0.25rem}.assessment-result strong{color: #ffb347}@media (max-width: 600px){.assessment-item{grid-template-columns: 70px minmax(0, 1fr)}.assessment-logo{width: 64px;height: 64px}}.blog-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.7rem}.research-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 1.7rem}.blog-card{background: linear-gradient(145deg,rgba(31, 8, 8, 0.96),rgba(12, 0, 0, 0.96));border-radius: var(--radius-lg);border: 1px solid rgba(255, 255, 255, 0.04);box-shadow: 0 16px 42px rgba(0, 0, 0, 0.85);overflow: hidden;position: relative;transition: transform var(--transition-fast),box-shadow var(--transition-fast), border-color var(--transition-fast)}.blog-link{display: block;padding: 1.3rem 1.25rem 1.2rem;text-decoration: none;color: inherit}.blog-tag{display: inline-flex;align-items: center;padding: 0.25rem 0.7rem;border-radius: 999px;background: rgba(255, 255, 255, 0.04);font-size: 0.75rem;margin-bottom: 0.7rem;color: var(--color-text-soft)}.blog-card h3{margin: 0 0 0.5rem;font-size: 1.02rem}.blog-card p{margin: 0 0 0.9rem;font-size: 0.86rem;color: var(--color-text-soft)}.blog-meta{display: flex;align-items: center;gap: 0.7rem;font-size: 0.78rem;color: var(--color-text-soft)}.blog-meta i{margin-left: 0.25rem}.blog-card::after{content: "";position: absolute;inset-inline-start: -40%;inset-block-end: -50%;width: 200px;height: 200px;background: radial-gradient(circle,rgba(255, 179, 71, 0.22),transparent 60%);opacity: 0;transition: opacity var(--transition-fast)}.blog-card:hover{transform: translateY(-7px);box-shadow: 0 22px 55px rgba(0, 0, 0, 0.95);border-color: rgba(255, 179, 71, 0.8)}.blog-card:hover::after{opacity: 1}.contact-grid{display: grid;grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.4fr);gap: 2rem;align-items: flex-start}.contact-info p{color: var(--color-text-soft);font-size: 0.9rem}.contact-list{list-style: none;margin: 1.2rem 0 0;padding: 0;font-size: 0.9rem;color: var(--color-text-soft)}.contact-list li{margin-bottom: 0.5rem;display: flex;align-items: center;gap: 0.5rem}.contact-list i{color: #ffb347}.contact-form-wrapper{background: linear-gradient(145deg, rgba(31, 8, 8, 0.9), rgba(12, 0, 0, 0.9));border-radius: var(--radius-lg);padding: 1.5rem 1.4rem;border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 18px 45px rgba(0, 0, 0, 0.8)}.contact-form .form-row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 1rem}.form-group{margin-bottom: 0.9rem}.form-group label{display: block;font-size: 0.78rem;margin-bottom: 0.3rem;color: var(--color-text-soft)}.form-group input,.form-group textarea{width: 100%;padding: 0.6rem 0.7rem;border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(5, 0, 0, 0.9);color: #fff;font-family: inherit;font-size: 0.85rem;outline: none;transition: border-color var(--transition-fast),box-shadow var(--transition-fast), background var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color: rgba(255, 255, 255, 0.35)}.form-group input:focus,.form-group textarea:focus{border-color: rgba(255, 179, 71, 0.9);box-shadow: 0 0 0 1px rgba(255, 179, 71, 0.35);background: rgba(10, 0, 0, 0.95)}.form-note{margin-top: 0.6rem;font-size: 0.78rem;color: var(--color-text-soft)}.footer{border-top: 1px solid rgba(255, 255, 255, 0.08);background: linear-gradient(180deg, rgba(5, 0, 0, 0.9), #000);padding-block: 1.2rem 1.6rem}.footer-grid{display: flex;align-items: center;justify-content: space-between;gap: 1rem;font-size: 0.82rem;color: var(--color-text-soft)}.footer-sub{margin-top: 0.2rem;font-size: 0.78rem;opacity: 0.9}.footer-meta{direction: ltr;text-align: left;font-size: 0.78rem}.post-body .header{background: linear-gradient(90deg,rgba(31, 8, 8, 0.96),rgba(12, 0, 0, 0.96))}.post-main{padding-block: var(--section-padding)}.post-card{max-width: 740px;margin: 0 auto;background: linear-gradient(145deg,rgba(31, 8, 8, 0.98),rgba(12, 0, 0, 0.98));border-radius: var(--radius-xl);padding: 1.8rem 1.6rem 1.6rem;border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 18px 50px rgba(0, 0, 0, 0.85)}.post-header h1{margin: 0.4rem 0 0.6rem;font-size: 1.7rem}.post-meta{display: flex;flex-wrap: wrap;gap: 0.7rem;font-size: 0.8rem;color: var(--color-text-soft)}.post-meta i{margin-left: 0.25rem}.post-content{margin-top: 1.4rem;font-size: 0.95rem;line-height: 2.1;color: var(--color-text-soft)}.post-content h2,.post-content h3{margin-top: 1.4rem;margin-bottom: 0.5rem;color: #fff}.post-content blockquote{margin: 1.2rem 0;padding: 0.9rem 1rem;border-radius: 14px;border-inline-start: 4px solid #ffb347;background: rgba(0, 0, 0, 0.45);font-style: italic}.post-footer{margin-top: 1.6rem;display: flex;justify-content: flex-start}.fade-up{opacity: 0;transform: translateY(24px);transition: opacity 0.7s ease-out, transform 0.7s ease-out}.fade-up.in-view{opacity: 1;transform: translateY(0)}.delay-1{transition-delay: 0.1s}.delay-2{transition-delay: 0.2s}.delay-3{transition-delay: 0.3s}.delay-4{transition-delay: 0.4s}.delay-5{transition-delay: 0.5s}@media (max-width: 1024px){.hero-grid{grid-template-columns: 1.3fr 1fr;gap: 2.2rem}.skills-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.projects-grid,.blog-grid,.certs-grid,.research-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}.contact-grid{grid-template-columns: minmax(0, 1fr)}}@media (max-width: 768px){.nav{position: absolute;inset-inline: 0;inset-block-start: 100%;padding: 0.8rem 0.9rem 1rem;background: rgba(5, 0, 0, 0.96);border-bottom: 1px solid rgba(255, 255, 255, 0.08);transform: translateY(-8px);opacity: 0;pointer-events: none;transition: transform var(--transition-fast), opacity var(--transition-fast);z-index: 120}.nav.open{transform: translateY(0);opacity: 1;pointer-events: auto}.nav li{width: 100%}.nav-panel{width: 100%;display: block;background: transparent;border: 0;box-shadow: none;padding: 0;height: auto}.nav-panel-header,.nav-panel-footer{display: none !important}.nav ul{flex-direction: column;gap: 0.4rem;padding: 0.45rem;border-radius: 16px;background: radial-gradient(circle at top,rgba(18, 0, 0, 0.98),rgba(0, 0, 0, 0.98));border: 1px solid rgba(255, 255, 255, 0.08);box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85);width: 100%}.nav a{width: 100%;justify-content: center;padding: 0.75rem 0.9rem;border-radius: 14px;background: rgba(0, 0, 0, 0.25);border: 1px solid rgba(255, 255, 255, 0.06)}.nav a:hover,.nav a.active{background: linear-gradient(135deg, #ffb347, #ff5c5c);color: #2d0000;transform: none;box-shadow: none}.nav-toggle{display: inline-flex}.hero-grid{grid-template-columns: minmax(0, 1fr);gap: 2.4rem}.hero-profile{justify-content: center}.skills-grid,.projects-grid,.blog-grid,.certs-grid,.research-grid{grid-template-columns: minmax(0, 1fr)}.section{padding-block: 4.5rem}.post-card{padding: 1.4rem 1.1rem 1.3rem}.contact-form .form-row{grid-template-columns: minmax(0, 1fr)}.footer-grid{flex-direction: column-reverse;align-items: flex-start}}@media (max-width: 480px){.hero-subtitle{font-size: 0.9rem}.hero-actions{flex-direction: column;align-items: stretch}.hero-social{gap: 0.5rem}.hero-social a{width: 30px;height: 30px}.profile-card{padding: 1.4rem 1.2rem}}