:root {
      --bg:        #080a18;
      --bg2:       #0d0e1e;
      --bg3:       #121428;
      --card:      rgba(18, 20, 44, 0.82);
      --card2:     rgba(22, 24, 52, 0.7);

      --violet:    #8b72f5;
      --violet-lt: #b8a4ff;
      --violet-dk: #5c45c9;
      --blue:      #6b9fff;
      --blue-soft: #8bb4ff;
      --periwinkle:#7ba7f7;
      --plum:      #c084c8;
      --lilac:     #d4c0ff;

      --text:      #ede9f8;
      --text-muted:#8b82aa;
      --text-dim:  #4e4770;

      --border:      rgba(139, 114, 245, 0.12);
      --border-hover:rgba(107, 159, 255, 0.28);
      --glow-v:    rgba(139, 114, 245, 0.16);
      --glow-b:    rgba(107, 159, 255, 0.14);
      --glow-p:    rgba(192, 132, 200, 0.12);
    }

    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; }

    body {
      font-family: 'Literata', Georgia, serif;
      background: var(--bg);
      color: var(--text);
      overflow-x: hidden;
      line-height: 1.6;
    }

    /* Global accent for headings and strong text */
    h1, h2, h3, h4, h5, h6,
    strong {
      color: var(--blue);
    }

    /* NOISE */
    body::after {
      content:'';
      position:fixed; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      opacity:0.025; pointer-events:none; z-index:9999;
    }

    /* AMBIENT */
    .ambient { position:fixed; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
    .orb { position:absolute; border-radius:50%; filter:blur(120px); animation: orb-drift 32s cubic-bezier(0.45, 0, 0.55, 1) infinite; }
    .o1 { width:560px; height:560px; background: radial-gradient(circle, rgba(92,69,201,0.22) 0%, rgba(107,159,255,0.12) 40%, transparent 70%); top:-15%; left:-10%; }
    .o2 { width:400px; height:400px; background: radial-gradient(circle, rgba(107,159,255,0.18) 0%, rgba(192,132,200,0.12) 50%, transparent 70%); bottom:5%; right:-8%; animation-delay:-9s; }
    .o3 { width:280px; height:280px; background: radial-gradient(circle, rgba(123,167,247,0.2) 0%, transparent 65%); top:45%; left:55%; animation-delay:-18s; }
    @keyframes orb-drift {
      0%,100% { transform:translate(0,0) scale(1); }
      33%  { transform:translate(40px,-30px) scale(1.05); }
      66%  { transform:translate(-25px,25px) scale(0.97); }
    }

    .wrap { position:relative; z-index:1; }

    /* ── NAV ── */
    .nav {
      position:fixed; top:0; left:0; right:0; z-index:1000;
      display:flex; flex-direction:column; align-items:stretch;
      background:rgba(8,10,24,0.65); backdrop-filter:blur(22px);
      border-bottom:1px solid var(--border);
      transition:background 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    }
    .nav.scrolled { background:rgba(8,10,24,0.92); box-shadow:0 6px 40px rgba(0,0,0,0.45); }
    .nav-main-row { display:flex; align-items:center; justify-content:space-between; padding:1.1rem 4rem; }
    .nav-lang-row {
      display:flex; justify-content:center; align-items:center;
      padding:0.5rem 4rem;
      border-top:1px solid var(--border);
    }
    .logo { font-family:'IBM Plex Mono', monospace; font-size:1.15rem; font-weight:500; color:var(--blue); text-decoration:none; letter-spacing:0.04em; }
    .logo .sl { color:var(--plum); margin:0 2px; }
    .nav-links { display:flex; gap:2.5rem; list-style:none; }
    .nav-links a {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.8rem; font-weight:600;
      color:var(--text-muted); text-decoration:none; text-transform:uppercase; letter-spacing:0.1em;
      transition:color 0.35s ease-in-out; position:relative;
    }
    .nav-links a::after {
      content:''; position:absolute; bottom:-4px; left:0; width:0; height:1px;
      background:linear-gradient(90deg, var(--violet), var(--blue-soft), var(--plum));
      transition:width 0.35s ease-in-out;
    }
    .nav-links a:hover { color:var(--lilac); }
    .nav-links a:hover::after { width:100%; }
    /* Lang toggle pill */
    .lang-toggle {
      display:flex; align-items:center;
      background:rgba(8,10,24,0.5);
      border:1px solid var(--border);
      border-radius:50px;
      padding:3px;
      cursor:pointer;
      user-select:none;
      gap:2px;
    }
    .lt-opt {
      font-family:'IBM Plex Mono', monospace;
      font-size:0.72rem; font-weight:500; letter-spacing:0.1em;
      padding:0.3rem 1rem;
      border-radius:50px;
      color:var(--text-muted);
      transition:background 0.35s ease, color 0.35s ease;
    }
    .lt-opt.active {
      background:var(--blue);
      color:var(--bg);
    }
    .btn-nav {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.78rem; font-weight:700;
      text-transform:uppercase; letter-spacing:0.1em; color:var(--bg); background:var(--blue);
      border:none; padding:0.6rem 1.4rem; border-radius:5px; cursor:pointer; text-decoration:none;
      transition:background 0.35s ease-in-out, transform 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
      box-shadow:0 4px 20px rgba(139,114,245,0.28);
    }
    .btn-nav:hover { background:var(--blue-soft); transform:translateY(-2px); box-shadow:0 8px 28px rgba(107,159,255,0.3); }

    /* ── HERO ── */
    .hero {
      min-height:100vh; display:grid; grid-template-columns:1fr 380px;
      gap:5rem; align-items:center; padding:10rem 4rem 5rem;
      max-width:1280px; margin:0 auto;
    }
    .hero-text .eyebrow {
      display:inline-flex; align-items:center; gap:0.75rem; margin-bottom:1.5rem;
      opacity:0; animation:fadeUp 0.7s ease 0.1s forwards;
    }
    .eyebrow-line { width:36px; height:1px; background:var(--violet); }
    .eyebrow-text { font-family:'IBM Plex Mono', monospace; font-size:2rem; color:#ffffff; letter-spacing:0.14em; }
    .hero h1 {
      font-family:'Bricolage Grotesque', sans-serif;
      font-size:clamp(3.2rem, 6vw, 5.8rem); font-weight:800;
      line-height:1.02; letter-spacing:-0.03em; color:var(--blue);
      margin-bottom:0.6rem; opacity:0; animation:fadeUp 0.7s ease 0.2s forwards;
    }
    .hero h1 .name-accent {
      color:var(--blue);
    }
    .hero .role-tag {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.82rem; font-weight:600;
      text-transform:uppercase; letter-spacing:0.15em; color:var(--text-dim);
      margin-bottom:2rem; opacity:0; animation:fadeUp 0.7s ease 0.3s forwards;
    }
    .hero .tagline {
      font-size:1.2rem; font-weight:300; line-height:1.85;
      color:var(--text-muted); max-width:500px; margin-bottom:2.5rem;
      opacity:0; animation:fadeUp 0.7s ease 0.4s forwards;
    }
    .hero .tagline strong { color:var(--blue); font-weight:400; }
    .hero-ctas {
      display:flex; gap:1rem; flex-wrap:wrap;
      opacity:0; animation:fadeUp 0.7s ease 0.5s forwards;
    }
    .btn-primary {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.8rem; font-weight:700;
      text-transform:uppercase; letter-spacing:0.1em; background:var(--blue); color:var(--bg);
      padding:0.9rem 2rem; border-radius:5px; text-decoration:none;
      transition:background 0.35s ease-in-out, transform 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
      box-shadow:0 6px 25px rgba(139,114,245,0.26);
    }
    .btn-primary:hover { background:var(--blue-soft); transform:translateY(-2px); box-shadow:0 12px 35px rgba(107,159,255,0.35); }
    .btn-ghost {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.8rem; font-weight:700;
      text-transform:uppercase; letter-spacing:0.1em; background:transparent; color:var(--blue);
      border:1px solid var(--blue); padding:0.9rem 2rem; border-radius:5px; text-decoration:none;
      transition:background 0.35s ease-in-out, border-color 0.35s ease-in-out, transform 0.35s ease-in-out;
    }
    .btn-ghost:hover { background:rgba(107,159,255,0.08); border-color:var(--blue-soft); transform:translateY(-2px); }
    .hero-stats {
      display:flex; gap:2.5rem; margin-top:2.5rem; padding-top:2.5rem;
      border-top:1px solid var(--border); opacity:0; animation:fadeUp 0.7s ease 0.65s forwards;
    }
    .stat .n {
      font-family:'Bricolage Grotesque', sans-serif; font-size:2rem; font-weight:800;
      background:linear-gradient(135deg, var(--violet-lt), var(--blue-soft), var(--plum));
      -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; line-height:1;
    }
    .stat .l { font-family:'IBM Plex Mono', monospace; font-size:0.68rem; color:var(--text-dim); text-transform:uppercase; letter-spacing:0.1em; margin-top:0.25rem; }

    /* Hero photo */
    .hero-photo { position:relative; opacity:0; animation:fadeIn 1s ease 0.5s forwards; }
    .hero-photo::before {
      content:''; position:absolute; top:20px; left:20px; right:-20px; bottom:-20px;
      border:1px solid var(--border); border-radius:4px; z-index:-1;
    }
    .photo-box {
      width:100%; aspect-ratio:3/4;
      background:linear-gradient(145deg, var(--bg3) 0%, #1a1a38 100%);
      border:1px solid var(--border); border-radius:4px;
      display:flex; align-items:center; justify-content:center; overflow:hidden; position:relative;
    }
    .photo-box::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 60%, rgba(8,7,18,0.7) 100%); }
    .photo-box img { width:100%; height:100%; object-fit:cover; }
    .photo-placeholder { font-family:'IBM Plex Mono', monospace; font-size:0.85rem; font-style:italic; color:var(--text-dim); }

    @keyframes fadeUp { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:translateY(0); } }
    @keyframes fadeIn { from { opacity:0; transform:scale(0.98) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } }

    /* ── SECTION SHELL ── */
    .page-section { width:100%; max-width:1280px; margin:0 auto; padding:5.5rem 4rem; }
    .sec-label {
      font-family:'IBM Plex Mono', monospace; font-size:0.75rem; color:var(--violet);
      letter-spacing:0.14em; text-transform:uppercase; margin-bottom:0.6rem;
      display:inline-flex; align-items:center; gap:0.5rem;
    }
    .sec-label::before { content:'//'; color:var(--violet-dk); opacity:0.8; }
    .sec-title {
      font-family:'Bricolage Grotesque', sans-serif;
      font-size:clamp(2.2rem, 3.5vw, 3.2rem); font-weight:700;
      letter-spacing:-0.025em; line-height:1.05; color:var(--blue);
    }
    .sec-title em {
      font-style:normal;
      font-weight:800;
      color:var(--blue);
    }

    /* ── ABOUT ── */
    #about .about-inner { display:grid; grid-template-columns:1fr 340px; gap:4rem; align-items:start; margin-top:2.5rem; }
    .about-text-block {
      background:var(--card); border:1px solid var(--border);
      border-left:3px solid var(--violet); border-radius:6px; padding:2.25rem 2.5rem;
      transition:border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    }
    .about-text-block:hover { border-color:var(--border-hover); border-left-color:var(--blue-soft); box-shadow:0 30px 60px -20px rgba(0,0,0,0.45); }
    .about-text-block p { font-size:1.08rem; font-weight:300; line-height:1.9; color:var(--text-muted); margin-bottom:1.1rem; }
    .about-text-block p:last-child { margin-bottom:0; }
    .about-text-block strong { color:var(--blue); font-weight:500; }

    /* ── EDUCATION ── */
    #education .edu-inner { display:grid; grid-template-columns:280px 1fr; gap:4rem; align-items:start; margin-top:2.5rem; }
    .edu-sidebar { position:sticky; top:6rem; }
    .edu-sidebar p { font-size:0.9rem; font-weight:300; font-style:italic; color:var(--text-dim); line-height:1.7; margin-top:1rem; }
    .edu-cards { display:flex; flex-direction:column; gap:1.2rem; }
    .edu-card {
      background:var(--card); border:1px solid var(--border); border-radius:6px;
      padding:1.75rem 2rem; display:flex; gap:1.25rem; align-items:flex-start;
      transition:transform 0.35s ease-in-out, border-color 0.35s ease-in-out, box-shadow 0.35s ease-in-out;
    }
    .edu-card:hover { transform:translateX(6px); border-color:var(--border-hover); box-shadow:0 12px 35px -12px var(--glow-b); }
    .edu-icon { width:46px; height:46px; flex-shrink:0; border-radius:5px; background:rgba(139,114,245,0.1); border:1px solid var(--border-hover); display:flex; align-items:center; justify-content:center; font-size:1.3rem; }
    .edu-body h3 { font-family:'Bricolage Grotesque', sans-serif; font-size:0.95rem; font-weight:700; color:var(--lilac); margin-bottom:0.5rem; text-transform:uppercase; letter-spacing:0.05em; }
    .edu-body p { font-size:0.98rem; font-weight:300; color:var(--text-muted); line-height:1.65; }
    .edu-body p + p { margin-top:0.3rem; }
    .edu-body strong { color:var(--blue); font-weight:500; }

    /* ── SKILLS ── */
    #skills .skills-layout {
      display:grid; grid-template-columns:1fr 1fr; gap:0; margin-top:2.5rem;
      border:1px solid var(--border); border-radius:8px; overflow:hidden;
    }
    .skill-cell { padding:2rem 2.25rem; border-right:1px solid var(--border); border-bottom:1px solid var(--border); transition:background 0.35s ease-in-out; }
    .skill-cell:hover { background:var(--card2); }
    .skill-cell:nth-child(2n) { border-right:none; }
    .skill-cell:nth-last-child(-n+2) { border-bottom:none; }
    .skill-cell-label {
      font-family:'IBM Plex Mono', monospace; font-size:0.7rem; font-weight:500;
      color:var(--violet); text-transform:uppercase; letter-spacing:0.12em; margin-bottom:1.1rem;
      display:flex; align-items:center; gap:0.5rem;
    }
    .skill-cell-label::after { content:''; flex:1; height:1px; background:linear-gradient(90deg, var(--border) 0%, transparent 100%); }
    .chips { display:flex; flex-wrap:wrap; gap:0.5rem; }
    .chip {
      font-family:'Bricolage Grotesque', sans-serif; font-size:0.8rem; font-weight:600;
      letter-spacing:0.02em; color:var(--text-muted); background:rgba(8,10,24,0.6);
      border:1px solid var(--border); padding:0.4rem 0.9rem; border-radius:3px;
      transition:all 0.35s ease-in-out; cursor:default;
    }
    .chip:hover { color:var(--lilac); border-color:var(--border-hover); background:rgba(107,159,255,0.06); transform:translateY(-2px); }

    /* ── PROJECTS ── */
    #projects .proj-list { display:flex; flex-direction:column; gap:2rem; margin-top:2.5rem; }
    .proj-card {
      background:var(--card); border:1px solid var(--border); border-radius:8px;
      padding:2.25rem 2.5rem; display:grid; grid-template-columns:1fr; gap:1.5rem;
      position:relative; overflow:hidden;
      transition:transform 0.35s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    }
    .proj-card::before {
      content:''; position:absolute; top:0; left:0; right:0; height:2px;
      background:linear-gradient(90deg, var(--violet), var(--blue-soft), var(--plum), transparent);
      opacity:0; transition:opacity 0.4s ease-in-out;
    }
    .proj-card:hover { transform:translateY(-4px); border-color:var(--border-hover); box-shadow:0 30px 60px -20px rgba(0,0,0,0.35), 0 0 40px -20px var(--glow-v), 0 0 50px -25px var(--glow-b); }
    .proj-card:hover::before { opacity:1; }
    .proj-body h3 { font-family:'Bricolage Grotesque', sans-serif; font-size:1.15rem; font-weight:700; letter-spacing:-0.01em; color:var(--text); margin-bottom:1.5rem; }
    .car-row { margin-bottom:1rem; }
    .car-row:last-child { margin-bottom:0; }
    .car-lbl { font-family:'IBM Plex Mono', monospace; font-size:0.68rem; font-weight:500; color:var(--blue); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:0.3rem; }
    .car-val { font-size:1rem; font-weight:300; line-height:1.7; color:var(--text-muted); }

    .car-row-challenge .car-lbl { color:#ff6b6b; }
    .car-row-action .car-lbl { color:#ffd86b; }
    .car-row-result .car-lbl { color:#4ade80; }

    /* ── PRICING ── */
    .pricing-cards { 
      display: flex; gap: 2rem; margin-top: 3.5rem; flex-wrap: wrap; justify-content: center; 
    }
    .price-card {
      background: var(--card); border: 1px solid var(--border); border-radius: 12px;
      padding: 3rem 2.5rem; flex: 1 1 300px; display: flex; flex-direction: column;
      transition: transform 0.35s ease-in-out, border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
      position: relative; overflow: hidden;
      max-width: 400px;
    }
    .price-card:hover {
      transform: translateY(-8px); border-color: var(--border-hover);
      box-shadow: 0 20px 40px -20px rgba(0,0,0,0.4), 0 0 40px -20px var(--glow-b);
    }
    .price-card.highlighted {
      background: rgba(22, 24, 52, 0.95); border-color: var(--blue-soft);
      transform: scale(1.05); z-index: 1;
      box-shadow: 0 10px 40px rgba(0,0,0,0.3);
    }
    .price-card.highlighted::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, var(--violet), var(--blue-soft));
    }
    .price-card.highlighted:hover { transform: scale(1.05) translateY(-8px); }
    .price-card h3 { 
      font-family: 'Bricolage Grotesque', sans-serif; font-size: 1.4rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--text); text-transform: capitalize; 
    }
    .price-amt { 
      font-family: 'Bricolage Grotesque', sans-serif; font-size: 3.5rem; font-weight: 800; color: var(--blue); margin-bottom: 1.5rem; display: flex; align-items: baseline; gap: 5px; 
    }
    .price-amt small { font-size: 1rem; font-weight: 400; color: var(--text-dim); }
    .price-features { list-style: none; margin-bottom: 2.5rem; flex-grow: 1; padding: 0; }
    .price-features li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 1rem; font-size: 0.95rem; color: var(--text-muted); line-height: 1.5; }
    .price-features li i { color: var(--blue-soft); margin-top: 4px; font-size: 0.85rem; }
    .price-card hr { border: 0; height: 1px; background: var(--border); margin-bottom: 2rem; }
    .features-title { font-family: 'IBM Plex Mono', monospace; font-size: 0.75rem; text-transform: uppercase; color: var(--text-dim); margin-bottom: 1.5rem; letter-spacing: 0.1em; }
    .price-btn-wrap { margin-top: auto; }
    .price-btn-wrap .btn-ghost, .price-btn-wrap .btn-primary { display: block; text-align: center; width: 100%; border-radius: 8px; padding: 1rem 0; font-size: 0.9rem; }

    /* ── CONTACT ── */
    #contact .contact-inner { display:grid; grid-template-columns:1fr 1fr; gap:5rem; align-items:start; margin-top:2.5rem; }
    .contact-left p { font-size:1.15rem; font-weight:300; font-style:italic; color:var(--text-muted); line-height:1.85; margin-bottom:2rem; }
    .contact-links { display:flex; flex-direction:column; gap:0.9rem; }
    .c-link {
      display:flex; align-items:center; gap:1.25rem; background:var(--card);
      border:1px solid var(--border); border-radius:6px; padding:1rem 1.5rem;
      text-decoration:none; color:var(--text-muted);
      transition:all 0.35s ease-in-out; position:relative; overflow:hidden;
    }
    .c-link::before {
      content:''; position:absolute; left:0; top:0; bottom:0; width:3px;
      background:linear-gradient(180deg, var(--violet), var(--blue-soft), var(--plum));
      transform:scaleY(0); transform-origin:top; transition:transform 0.4s ease-in-out;
    }
    .c-link:hover { border-color:var(--border-hover); color:var(--lilac); transform:translateX(5px); box-shadow:0 10px 30px rgba(0,0,0,0.25); }
    .c-link:hover::before { transform:scaleY(1); }
    .c-link-icon { font-size:1.2rem; width:2rem; text-align:center; flex-shrink:0; }
    .c-link-text { font-family:'Bricolage Grotesque', sans-serif; font-size:0.85rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; }
    .c-link-arrow { margin-left:auto; font-family:'IBM Plex Mono', monospace; font-size:0.8rem; color:var(--text-dim); transition:color 0.2s, transform 0.2s; }
    .c-link:hover .c-link-arrow { color:var(--violet); transform:translateX(3px); }

    /* FOOTER */
    .footer { border-top:1px solid var(--border); padding:2rem 4rem; display:flex; align-items:center; justify-content:space-between; }
    .footer-logo { font-family:'IBM Plex Mono', monospace; font-size:0.85rem; color:var(--text-dim); }
    .footer-copy { font-family:'IBM Plex Mono', monospace; font-size:0.72rem; color:var(--text-dim); letter-spacing:0.06em; }
    .footer-copy span { color:var(--violet); }

    /* SCROLLBAR */
    ::-webkit-scrollbar { width:5px; }
    ::-webkit-scrollbar-track { background:var(--bg); }
    ::-webkit-scrollbar-thumb { background:linear-gradient(180deg, rgba(139,114,245,0.35), rgba(107,159,255,0.3)); border-radius:3px; }
    ::-webkit-scrollbar-thumb:hover { background:linear-gradient(180deg, rgba(139,114,245,0.5), rgba(107,159,255,0.45)); }

    /* REVEAL */
    .reveal { opacity:0; transform:translateY(22px); transition:opacity 0.7s ease-out, transform 0.7s ease-out; }
    .reveal-left { opacity:0; transform:translateX(-22px); transition:opacity 0.65s ease, transform 0.65s ease; }
    .reveal-right { opacity:0; transform:translateX(22px); transition:opacity 0.65s ease, transform 0.65s ease; }
    .reveal.visible, .reveal-left.visible, .reveal-right.visible { opacity:1; transform:translate(0); }

    /* RTL specific overrides */
    body.lang-ar .price-features li i { transform: scaleX(-1); }

    /* MOBILE / RESPONSIVE FALLBACKS */
    @media (max-width:900px) {
      .nav-main-row { padding:1rem 1.5rem; }
      .nav-lang-row { padding:0.4rem 1.5rem; }
      .nav-links { display:none; }
      .hero { grid-template-columns:1fr; padding:7rem 1.5rem 4rem; gap:3rem; }
      .hero-photo { max-width:240px; margin: 0 auto; }
      .page-section { padding:4rem 1.5rem; }
      #about .about-inner { grid-template-columns:1fr; gap:2rem; }
      #education .edu-inner { grid-template-columns:1fr; gap:2rem; }
      .edu-sidebar { position:static; }
      .edu-sidebar .big-num { font-size:4rem; }
      #skills .skills-layout { grid-template-columns:1fr; }
      .skill-cell { border-right:none !important; }
      .skill-cell:last-child { border-bottom:none; }
      .proj-card { grid-template-columns:1fr; gap:1rem; padding: 1.5rem; }
      .proj-card:nth-child(2) { margin-left:0; }
      
      /* PRICING RESPONSIVE */
      .pricing-cards { flex-direction: column; align-items: center; margin-top: 2rem; }
      .price-card { width: 100%; max-width: 100%; }
      .price-card.highlighted { transform: scale(1); }
      .price-card.highlighted:hover { transform: translateY(-5px); }
      
      #contact .contact-inner { grid-template-columns:1fr; gap:2.5rem; }
      .footer { flex-direction:column; gap:0.5rem; text-align:center; }
    }