:root {--bg-primary: #0F172A;--bg-surface: #1E293B;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--border-color: #334155;--accent: #6366F1;--accent-hover: #4F46E5;--font-heading: 'Cairo', sans-serif;--font-mono: 'JetBrains Mono', monospace;--max-width: 1100px;--transition: all 0.25s ease;}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html {scroll-behavior: smooth;}body {font-family: var(--font-heading);background-color: var(--bg-primary);color: var(--text-primary);line-height: 1.6;font-size: 1rem;-webkit-font-smoothing: antialiased;}a {color: inherit;text-decoration: none;}ul {list-style: none;}button {cursor: pointer;font-family: inherit;border: none;background: none;}input, textarea {font-family: inherit;font-size: 1rem;color: inherit;background: transparent;}::selection {background-color: var(--accent);color: var(--text-primary);}.site-header {position: sticky;top: 0;z-index: 1000;background-color: rgba(15, 23, 42, 0.9);backdrop-filter: blur(8px);border-bottom: 1px solid var(--border-color);}.nav-container {max-width: var(--max-width);margin: 0 auto;padding: 1rem 1.5rem;display: flex;align-items: center;justify-content: space-between;}.logo {font-weight: 700;font-size: 1.25rem;color: var(--text-primary);letter-spacing: -0.5px;}.nav-menu ul {display: flex;gap: 2rem;}.nav-menu a {color: var(--text-secondary);font-weight: 600;font-size: 0.95rem;transition: var(--transition);}.nav-menu a:hover, .nav-menu a.active {color: var(--text-primary);}.nav-toggle {display: none;flex-direction: column;justify-content: space-between;width: 28px;height: 20px;padding: 0;}.hamburger-line {display: block;width: 100%;height: 2px;background-color: var(--text-primary);transition: var(--transition);}.section {padding: 5rem 1.5rem;}.container {max-width: var(--max-width);margin: 0 auto;}.bg-surface {background-color: var(--bg-surface);}.section-header {margin-bottom: 3rem;}.section-title {font-size: 1.75rem;font-weight: 600;margin-bottom: 0.5rem;color: var(--text-primary);}.section-desc {color: var(--text-secondary);font-size: 1rem;}.hero-section {padding: 6rem 1.5rem 5rem;}.hero-container {max-width: var(--max-width);margin: 0 auto;display: grid;grid-template-columns: 1.2fr 0.8fr;gap: 3rem;align-items: center;}.badge-tag {display: inline-flex;align-items: center;gap: 0.5rem;background-color: var(--bg-surface);border: 1px solid var(--border-color);padding: 0.35rem 0.85rem;border-radius: 9999px;font-size: 0.85rem;font-weight: 600;color: var(--text-secondary);margin-bottom: 1.5rem;}.dot {width: 8px;height: 8px;background-color: #22c55e;border-radius: 50%;animation: pulse 2s infinite;}.hero-title {font-size: clamp(2.5rem, 5vw, 3.5rem);font-weight: 700;line-height: 1.2;margin-bottom: 0.75rem;}.hero-subtitle {font-size: 1.25rem;color: var(--accent);font-weight: 600;margin-bottom: 1.25rem;}.hero-summary {color: var(--text-secondary);margin-bottom: 2rem;line-height: 1.7;}.hero-actions {display: flex;gap: 1rem;flex-wrap: wrap;}.btn {display: inline-flex;align-items: center;justify-content: center;padding: 0.75rem 1.5rem;border-radius: 6px;font-weight: 600;font-size: 0.95rem;transition: var(--transition);text-align: center;}.btn-primary {background-color: var(--accent);color: #fff;}.btn-primary:hover {background-color: var(--accent-hover);}.btn-secondary {background-color: var(--bg-surface);color: var(--text-primary);border: 1px solid var(--border-color);}.btn-secondary:hover {border-color: var(--text-secondary);}.btn-full {width: 100%;}.hero-card {background-color: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;overflow: hidden;}.card-header {background-color: rgba(15, 23, 42, 0.5);padding: 0.75rem 1rem;display: flex;align-items: center;gap: 0.5rem;border-bottom: 1px solid var(--border-color);}.terminal-dot {width: 10px;height: 10px;border-radius: 50%;background-color: var(--border-color);}.card-title-text {font-family: var(--font-mono);font-size: 0.8rem;color: var(--text-secondary);margin-left: 0.5rem;}.card-body {padding: 1.25rem;overflow-x: auto;}.card-body pre {font-family: var(--font-mono);font-size: 0.85rem;color: var(--text-secondary);line-height: 1.5;}.about-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;}.about-text-card, .details-card {background-color: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;padding: 2rem;}.card-heading {font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;color: var(--text-primary);}.about-text-card p {color: var(--text-secondary);line-height: 1.7;}.details-list {display: flex;flex-direction: column;gap: 1rem;}.details-list li {display: flex;justify-content: space-between;padding-bottom: 0.75rem;border-bottom: 1px solid var(--border-color);}.details-list li:last-child {border-bottom: none;padding-bottom: 0;}.detail-label {color: var(--text-secondary);font-size: 0.9rem;}.detail-value {font-weight: 600;color: var(--text-primary);font-size: 0.95rem;}.education-card {background-color: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 8px;padding: 2.5rem;}.edu-badge-wrapper {display: flex;gap: 1rem;align-items: center;margin-bottom: 1rem;flex-wrap: wrap;}.mono-tag {font-family: var(--font-mono);font-size: 0.85rem;color: var(--accent);background-color: rgba(99, 102, 241, 0.1);padding: 0.25rem 0.6rem;border-radius: 4px;}.grade-badge {font-size: 0.85rem;font-weight: 600;color: #22c55e;background-color: rgba(34, 197, 94, 0.1);padding: 0.25rem 0.6rem;border-radius: 4px;}.edu-degree {font-size: 1.5rem;font-weight: 600;margin-bottom: 0.5rem;}.edu-institution {font-size: 1.1rem;color: var(--text-secondary);font-weight: 600;margin-bottom: 1rem;}.edu-desc {color: var(--text-secondary);line-height: 1.7;}.skills-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 1.5rem;}.skill-card {background-color: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;padding: 1.5rem;transition: var(--transition);}.skill-card:hover {border-color: var(--accent);transform: translateY(-2px);}.skill-icon {font-size: 2rem;margin-bottom: 1rem;}.skill-card h3 {font-size: 1.1rem;font-weight: 600;margin-bottom: 0.5rem;}.skill-card p {color: var(--text-secondary);font-size: 0.9rem;line-height: 1.6;}.certifications-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 1.5rem;}.cert-card {background-color: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;padding: 1.75rem;transition: var(--transition);display: flex;flex-direction: column;justify-content: space-between;}.cert-card:hover {border-color: var(--accent);transform: translateY(-2px);}.cert-header {display: flex;align-items: flex-start;justify-content: space-between;gap: 1rem;margin-bottom: 1rem;}.cert-icon {font-size: 2rem;}.cert-issuer {font-size: 0.85rem;font-weight: 600;color: var(--accent);background-color: rgba(99, 102, 241, 0.1);padding: 0.25rem 0.6rem;border-radius: 4px;}.cert-title {font-size: 1.15rem;font-weight: 600;margin-bottom: 0.5rem;color: var(--text-primary);}.cert-date {font-size: 0.85rem;color: var(--text-secondary);font-family: var(--font-mono);margin-top: 1rem;padding-top: 0.75rem;border-top: 1px solid var(--border-color);}.dual-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;}.content-block {background-color: var(--bg-primary);border: 1px solid var(--border-color);border-radius: 8px;padding: 2rem;}.content-block h3 {font-size: 1.25rem;font-weight: 600;margin-bottom: 1.5rem;}.course-item h4 {font-size: 1.05rem;font-weight: 600;margin-bottom: 0.5rem;}.course-detail {color: var(--text-secondary);font-size: 0.95rem;line-height: 1.6;}.language-list {display: flex;flex-direction: column;gap: 1.5rem;}.language-list li {display: flex;flex-direction: column;gap: 0.5rem;}.lang-info {display: flex;justify-content: space-between;font-size: 0.95rem;}.lang-name {font-weight: 600;}.lang-level {color: var(--text-secondary);font-size: 0.85rem;}.progress-bar {width: 100%;height: 6px;background-color: var(--border-color);border-radius: 3px;overflow: hidden;}.progress-fill {height: 100%;background-color: var(--accent);border-radius: 3px;}.contact-grid {display: grid;grid-template-columns: 1fr 1.2fr;gap: 2rem;}.contact-info-card, .contact-form-card {background-color: var(--bg-surface);border: 1px solid var(--border-color);border-radius: 8px;padding: 2rem;}.contact-info-card h3, .contact-form-card h3 {font-size: 1.25rem;font-weight: 600;margin-bottom: 1rem;}.contact-intro {color: var(--text-secondary);margin-bottom: 1.5rem;line-height: 1.6;}.contact-list {display: flex;flex-direction: column;gap: 1.25rem;}.contact-list li {display: flex;flex-direction: column;gap: 0.25rem;}.contact-label {color: var(--text-secondary);font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.5px;}.contact-list a {color: var(--text-primary);font-weight: 600;transition: var(--transition);}.contact-list a:hover {color: var(--accent);}.contact-form {display: flex;flex-direction: column;gap: 1.25rem;}.form-group {display: flex;flex-direction: column;gap: 0.5rem;}.form-group label {font-size: 0.9rem;font-weight: 600;color: var(--text-secondary);}.form-group input, .form-group textarea {padding: 0.75rem 1rem;border: 1px solid var(--border-color);border-radius: 6px;transition: var(--transition);}.form-group input:focus, .form-group textarea:focus {outline: none;border-color: var(--accent);}.form-feedback {font-size: 0.9rem;margin-top: 0.5rem;text-align: center;}.site-footer {background-color: var(--bg-surface);border-top: 1px solid var(--border-color);padding: 2.5rem 1.5rem;text-align: center;color: var(--text-secondary);font-size: 0.9rem;}.footer-container {display: flex;flex-direction: column;gap: 0.5rem;align-items: center;}.footer-sub {font-size: 0.85rem;color: var(--border-color);}.nav-menu.active {display: flex;position: absolute;top: 100%;left: 0;width: 100%;background-color: var(--bg-surface);flex-direction: column;padding: 1.5rem;border-bottom: 1px solid var(--border-color);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.3);}.nav-menu.active ul {flex-direction: column;gap: 1rem;align-items: center;}@keyframes pulse {0% { opacity: 1; }50% { opacity: 0.4; }100% { opacity: 1; }}@media (max-width: 900px) {.hero-container {grid-template-columns: 1fr;gap: 2.5rem;}.about-grid, .dual-grid, .contact-grid {grid-template-columns: 1fr;}.nav-menu {display: none;}.nav-toggle {display: flex;}}@media (max-width: 600px) {.section {padding: 3.5rem 1rem;}.hero-section {padding: 4rem 1rem 3rem;}.education-card, .about-text-card, .details-card, .content-block, .contact-info-card, .contact-form-card, .cert-card {padding: 1.5rem;}}@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}.dot {animation: none;}.skill-card, .cert-card {transition: none;}.skill-card:hover, .cert-card:hover {transform: none;}}