@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Light.ttf) format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Medium.ttf) format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Bold.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-ExtraBold.ttf) format('truetype');font-weight:800;font-display:swap}@font-face{font-family:Tajawal;src:url(fonts/Tajawal-Black.ttf) format('truetype');font-weight:900;font-display:swap}@font-face{font-family:'Space Mono';src:url(fonts/SpaceMono-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Space Mono';src:url(fonts/SpaceMono-Bold.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-Light.ttf) format('truetype');font-weight:300;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-Medium.ttf) format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-Bold.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Lexend;src:url(fonts/Lexend-ExtraBold.ttf) format('truetype');font-weight:800;font-display:swap}*,::after,::before{box-sizing:border-box;margin:0;padding:0}[data-theme=dark]{--bg:#080b12;--bg2:#0a0e16;--bg3:#0f1321;--card:rgba(255,255,255,.06);--card2:rgba(255,255,255,.1);--bdr:rgba(255,255,255,.08);--bdr2:rgba(255,255,255,.16);--text:#e3e9f3;--text2:#ffffff;--muted:#7a8aaa;--navbg:rgba(8,11,18,.92);--grid-color:rgba(255,255,255,.05)}[data-theme=light]{--bg:#e8eff5;--bg2:#d9e5f0;--bg3:#cad8e6;--card:rgba(255,255,255,0.65);--card2:rgba(255,255,255,0.85);--bdr:rgba(0,0,0,0.15);--bdr2:rgba(0,0,0,0.22);--text:#1a1f2e;--text2:#0d1117;--muted:#4a5568;--navbg:rgba(220,230,245,0.96);--grid-color:rgba(0,0,0,0.06);--gold-text:var(--gold-light)}:root{--gold:#f5c842;--gold-light:#a87720;--teal:#00c9a7;--blue:#4a90d9;--coral:#e05a3a;--amber:#e8a020;--purple:#a855f7;--font:'Tajawal','Lexend',sans-serif;--mono:'Space Mono',monospace;--radius:16px}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;font-size:15px;line-height:1.7;transition:background .35s ease,color .35s ease}[data-lang=ar] *,[data-lang=ar] body{direction:rtl;font-family:Tajawal,sans-serif}[data-lang=fr]{direction:ltr;font-family:Lexend,sans-serif}[data-lang=en]{direction:ltr;font-family:Lexend,sans-serif}body::before{content:'';position:fixed;inset:0;background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.glow-1,.glow-2,.glow-3{position:fixed;border-radius:50%;filter:blur(140px);opacity:.15;pointer-events:none;z-index:0;animation:gfloat 14s ease-in-out infinite}[data-theme=light] .glow-1,[data-theme=light] .glow-2,[data-theme=light] .glow-3{opacity:.08}.glow-1{width:700px;height:700px;background:var(--gold);top:-250px;right:-200px}.glow-2{width:600px;height:600px;background:var(--teal);bottom:-150px;left:-150px;animation-delay:6s}.glow-3{width:400px;height:400px;background:var(--blue);top:40%;left:40%;animation-delay:11s}@keyframes gfloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-35px) scale(1.06)}}nav{position:fixed;top:0;inset-inline:0;z-index:100;padding:12px 32px;display:flex;align-items:center;gap:12px;background:var(--navbg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bdr);animation:fadeDown .6s ease both;transition:background .35s;box-shadow:0 4px 12px rgba(0,0,0,.3)}.nav-profile{display:flex;align-items:center;gap:12px;flex-shrink:0}.nav-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid rgba(245,200,66,.6);flex-shrink:0;transition:transform .2s,border-color .2s}.nav-avatar:hover{transform:scale(1.08);border-color:var(--gold)}.nav-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.nav-logo-img{height:24px;width:auto;max-width:140px;display:block;transition:filter .3s,transform .3s}.nav-logo-img:hover{transform:scale(1.05)}[data-theme=light] .nav-logo-img{filter:brightness(.05) contrast(1.2)}.nav-logo{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--gold);letter-spacing:2px;flex-shrink:0}.nav-links{display:flex;gap:24px;list-style:none;margin-inline-start:32px}.nav-links a{font-size:12.5px;color:var(--muted);text-decoration:none;letter-spacing:.4px;transition:color .2s}.nav-links a:hover{color:var(--text2)}.nav-cta{background:rgba(245,200,66,.12)!important;border:1px solid rgba(245,200,66,.35)!important;color:var(--gold)!important;padding:7px 18px;border-radius:30px;font-weight:700!important;font-size:12px;transition:all .2s}.nav-cta:hover{background:rgba(245,200,66,.22)!important;transform:translateY(-1px)}.nav-controls{margin-inline-start:auto;display:flex;align-items:center;gap:12px}.lang-switcher{display:flex;gap:2px;background:var(--card2);border:1px solid var(--bdr2);border-radius:30px;padding:3px}.lang-btn{padding:5px 11px;border-radius:24px;border:none;background:0 0;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .2s}.lang-btn.active{background:var(--gold);color:#000}.theme-toggle{width:44px;height:24px;border-radius:12px;border:1px solid var(--bdr2);background:var(--card2);cursor:pointer;position:relative;transition:background .3s;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.theme-toggle::before{content:'🌙';font-size:11px;opacity:.5;transition:opacity .3s}.theme-toggle::after{content:'☀️';font-size:11px;opacity:1;transition:opacity .3s}[data-theme=dark] .theme-toggle::before{opacity:1}[data-theme=dark] .theme-toggle::after{opacity:.3}.theme-icon{font-size:13px;line-height:1}.wrapper{position:relative;z-index:1;max-width:1060px;margin:0 auto;padding:80px 24px 60px}.sec-label{font-family:var(--mono);font-size:10px;letter-spacing:4px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.sec-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;color:var(--text2);margin-bottom:8px}.sec-title span{background:linear-gradient(135deg,var(--gold),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sec-sub{font-size:.88rem;color:var(--muted);margin-bottom:32px}.sec-divider{border:none;height:1px;background:linear-gradient(to right,transparent,var(--bdr2),transparent);margin:36px 0}#hero{min-height:calc(100vh - 100px);display:flex;flex-direction:column;justify-content:center;padding:20px 0 28px}.hero-name{display:flex;flex-direction:column;margin-top:5px;animation:fadeUp .7s ease both .1s}.hero-name svg{width:170px;height:52px;margin-bottom:12px;transition:transform .3s,filter .3s}.hero-name:hover svg{transform:scale(1.02)}[data-theme=light] .hero-name svg{filter:brightness(.05) contrast(1.2)}.hero-name-text{font-size:.85rem;font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-weight:700}[data-theme=light] .hero-name-text{color:var(--gold-light);font-weight:800}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(245,200,66,.15),rgba(0,201,167,.12));border:1px solid rgba(245,200,66,.3);border-radius:50px;padding:7px 20px;font-size:12px;color:var(--gold);letter-spacing:1px;margin-bottom:20px;animation:fadeUp .7s ease both .1s;width:fit-content}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}.hero-name span{background:linear-gradient(135deg,var(--gold) 0,var(--teal) 50%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title{font-family:var(--mono);font-size:clamp(.75rem,1.8vw,.95rem);color:var(--muted);letter-spacing:3px;margin-bottom:16px;animation:fadeUp .7s ease both .3s}.hero-desc{font-size:1rem;color:var(--muted);max-width:600px;line-height:1.9;margin-bottom:30px;animation:fadeUp .7s ease both .4s}.hero-desc strong{color:var(--text)}.hero-btns{display:flex;gap:14px;flex-wrap:wrap;animation:fadeUp .7s ease both .5s}.btn-primary{background:linear-gradient(135deg,var(--gold),#e8a020);color:#000;font-weight:800;font-size:.88rem;padding:13px 30px;border-radius:40px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 28px rgba(245,200,66,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgba(245,200,66,.38)}.btn-ghost{background:var(--card);border:1px solid var(--bdr2);color:var(--text);font-weight:600;font-size:.88rem;padding:13px 26px;border-radius:40px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:border-color .2s,background .2s,transform .2s}.btn-ghost:hover{border-color:var(--bdr2);background:var(--card2);transform:translateY(-2px)}.hero-stats{display:flex;gap:32px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--bdr);animation:fadeUp .7s ease both .6s}.hstat-n{font-family:var(--mono);font-size:1.8rem;font-weight:700;display:block;color:var(--gold)}.hstat-l{font-size:.75rem;color:var(--muted);margin-top:2px}.hero-top{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px;animation:fadeUp .7s ease both .05s;flex-wrap:wrap}.hero-photo{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid rgba(245,200,66,.65);box-shadow:0 0 40px rgba(245,200,66,.25);flex-shrink:0;position:relative;transition:transform .3s,box-shadow .3s}.hero-photo:hover{transform:scale(1.06);box-shadow:0 0 50px rgba(245,200,66,.35)}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo::after{content:'';position:absolute;width:18px;height:18px;background:#10b981;border:3px solid var(--bg);border-radius:50%;bottom:0;right:0;box-shadow:0 0 12px rgba(16,185,129,.6);animation:pulse-online .2s ease infinite}@keyframes pulse-online{0%,100%{box-shadow:0 0 12px rgba(16,185,129,.6)}50%{box-shadow:0 0 20px rgba(16,185,129,.9)}}.hero-identity{display:flex;flex-direction:column;gap:8px;flex:1;min-width:240px;padding-top:6px}.hero-logo-name{height:52px;width:auto;max-width:300px;display:block;transition:filter .3s,transform .3s}.hero-logo-name:hover{transform:scale(1.02)}[data-theme=light] .hero-logo-name{filter:brightness(.05) contrast(1.2)}.hero-tagline{font-family:var(--mono);font-size:clamp(.6rem,1.4vw,.85rem);color:var(--muted);letter-spacing:2px;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--radius);padding:26px;transition:border-color .3s,transform .3s,box-shadow .3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.about-card:hover{border-color:var(--bdr2);transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.3)}.about-card.wide{grid-column:1/-1}.about-card-icon{font-size:1.8rem;margin-bottom:12px}.about-card-title{font-size:1rem;font-weight:800;color:var(--text2);margin-bottom:10px}.about-card-body{font-size:.85rem;color:var(--muted);line-height:1.85}.about-card-body strong{color:var(--text)}.trust-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-top:4px}.trust-list li{display:flex;gap:10px;align-items:flex-start;font-size:.84rem;color:var(--muted)}.trust-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:7px}#skills .skills-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:800px}.skill-cat{background:var(--card);border:1px solid var(--bdr);border-radius:20px;padding:28px;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease,background .3s;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);min-height:auto;box-shadow:0 4px 16px rgba(0,0,0,.2)}.skill-cat::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);opacity:0;transition:opacity .3s}.skill-cat.open::before,.skill-cat:hover::before{opacity:1}.skill-cat::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 100% 80% at 50% 0,var(--cat-color,var(--gold)),transparent);opacity:0;transition:opacity .4s;pointer-events:none}.skill-cat.open::after,.skill-cat:hover::after{opacity:.08}.skill-cat.open,.skill-cat:hover{transform:translateY(-4px);border-color:var(--cat-color,var(--bdr2));box-shadow:0 12px 40px rgba(0,0,0,.35);background:rgba(255,255,255,.08)}.skill-cat.tech{--cat-color:#4a90d9}.skill-cat.marketing{--cat-color:#00c9a7}.skill-cat.business{--cat-color:#e8a020}.skill-cat.design{--cat-color:#e05a3a}.skill-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.skill-icon-wrap{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:color-mix(in srgb,var(--cat-color) 18%,transparent);border:1.5px solid color-mix(in srgb,var(--cat-color) 35%,transparent);transition:transform .3s}.skill-cat.open .skill-icon-wrap,.skill-cat:hover .skill-icon-wrap{transform:scale(1.1)}.skill-header-text{flex:1}.skill-cat-name{font-size:1.1rem;font-weight:800;color:var(--text2);line-height:1.2}.skill-cat-en{font-size:.72rem;color:var(--muted);letter-spacing:1px;font-family:var(--mono)}.skill-count{font-size:.65rem;font-weight:700;background:color-mix(in srgb,var(--cat-color) 18%,transparent);color:var(--cat-color);border:1px solid color-mix(in srgb,var(--cat-color) 35%,transparent);border-radius:20px;padding:3px 10px;font-family:var(--mono)}.skill-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.skill-tag{font-size:.72rem;padding:4px 11px;border-radius:22px;background:var(--bg3);color:var(--muted);border:1px solid var(--bdr);font-weight:600;transition:background .2s,color .2s}.skill-cat.open .skill-tag,.skill-cat:hover .skill-tag{background:color-mix(in srgb,var(--cat-color) 18%,transparent);color:var(--cat-color);border-color:color-mix(in srgb,var(--cat-color) 35%,transparent)}.skill-hint{font-size:.72rem;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:6px;opacity:.7}.skill-hint-arrow{display:inline-block;transition:transform .3s}.skill-cat.open .skill-hint-arrow{transform:rotate(180deg)}.skill-list{list-style:none;max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.4,0,.2,1)}.skill-cat.open .skill-list,.skill-cat:hover .skill-list{max-height:800px}.skill-item{padding:14px 0;border-bottom:1px solid var(--bdr)}.skill-item:last-child{border-bottom:none;padding-bottom:0}.skill-item-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.skill-name{font-weight:700;font-size:.95rem;color:var(--text2)}.skill-pct-label{font-family:var(--mono);font-size:.75rem;font-weight:700;color:var(--cat-color)}.skill-desc{font-size:.8rem;color:var(--muted);margin-bottom:10px}.skill-bar{height:7px;background:var(--bg3);border-radius:5px;overflow:hidden}[data-theme=light] .skill-bar{background:var(--bg2)}.skill-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--cat-color),color-mix(in srgb,var(--cat-color) 60%,#fff));width:0;transition:width .8s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 10px rgba(var(--cat-color),.3)}.skill-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.skill-cat.open .skill-fill,.skill-cat:hover .skill-fill{width:var(--pct,0%)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}.prod-card{background:var(--card);border:1px solid var(--bdr);border-radius:var(--radius);padding:24px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,.2)}.prod-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 50%,rgba(255,255,255,.02));pointer-events:none}.prod-card:hover{transform:translateY(-4px);border-color:rgba(245,200,66,.3);box-shadow:0 12px 40px rgba(0,0,0,.3)}.prod-icon{font-size:2rem;margin-bottom:14px}.prod-tag{display:inline-block;font-size:.65rem;font-weight:700;font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:20px;margin-bottom:10px}.prod-title{font-size:.98rem;font-weight:800;color:var(--text2);margin-bottom:8px}.prod-desc{font-size:.82rem;color:var(--muted);line-height:1.75;margin-bottom:18px}.prod-link{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;padding:8px 18px;border-radius:22px;text-decoration:none;border:1px solid;transition:background .2s,transform .2s}.prod-link:hover{transform:scale(1.04)}.contact-wrap{background:linear-gradient(135deg,rgba(245,200,66,.1),rgba(0,201,167,.08));border:1px solid rgba(245,200,66,.2);border-radius:24px;padding:56px 44px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.3)}[data-theme=light] .contact-wrap{background:linear-gradient(135deg,rgba(245,200,66,.1),rgba(0,201,167,.07))}.contact-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(245,200,66,.07),transparent);pointer-events:none}.contact-title{font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;color:var(--text2);margin-bottom:14px;position:relative}.contact-sub{font-size:.92rem;color:var(--muted);margin-bottom:34px;max-width:520px;margin-inline:auto;position:relative}.contact-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--gold),#e8a020);color:#000;font-weight:800;font-size:1rem;padding:15px 38px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;box-shadow:0 10px 36px rgba(245,200,66,.28);transition:transform .2s,box-shadow .2s;position:relative}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 16px 44px rgba(245,200,66,.4)}.contact-number{margin-top:22px;font-family:var(--mono);font-size:.95rem;color:var(--muted);position:relative}.contact-number span{color:var(--gold)}footer{border-top:1px solid var(--bdr);padding:28px 24px;text-align:center;color:var(--muted);font-family:var(--mono);font-size:.7rem;letter-spacing:2px;position:relative;z-index:1;background:linear-gradient(to bottom,transparent,rgba(8,11,18,.4))}@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.about-card,.contact-wrap,.prod-card,.skill-cat{background:rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);position:relative}[data-theme=light] .about-card,[data-theme=light] .contact-wrap,[data-theme=light] .prod-card,[data-theme=light] .skill-cat{background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8)}.about-card::before,.prod-card::before,.skill-cat::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.4) 20%,rgba(255,255,255,.4) 80%,transparent);opacity:.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--gold),var(--teal));border-radius:4px;opacity:.5}::-webkit-scrollbar-thumb:hover{opacity:.8}[data-theme=light] .nav-logo{color:var(--gold-light)}[data-theme=light] .nav-cta{background:rgba(168,119,32,.12)!important;border:1px solid rgba(168,119,32,.3)!important;color:var(--gold-light)!important}[data-theme=light] .nav-cta:hover{background:rgba(168,119,32,.2)!important}[data-theme=light] .lang-btn.active{background:var(--gold-light)}[data-theme=light] .hero-badge{background:linear-gradient(135deg,rgba(168,119,32,.12),rgba(0,201,167,.12));border:1px solid rgba(168,119,32,.25);color:var(--gold-light)}[data-theme=light] .hstat-n{color:var(--gold-light)}[data-theme=light] .trust-dot{background:var(--gold-light)}[data-theme=light] .contact-number span{color:var(--gold-light)}[data-theme=light] .sec-title span{background:linear-gradient(135deg,var(--gold-light),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-name span{background:linear-gradient(135deg,var(--gold-light) 0,var(--teal) 50%,var(--blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){nav{padding:10px 16px}.nav-links{display:none}.wrapper{padding:70px 16px 50px}.about-grid{grid-template-columns:1fr}.about-card.wide{grid-column:1}#skills .skills-grid{grid-template-columns:1fr;max-width:100%}.skill-cat{padding:20px}.skill-icon-wrap{width:48px;height:48px;font-size:1.2rem}.contact-wrap{padding:32px 18px}.lang-btn{padding:4px 7px;font-size:9px}.sec-divider{margin:28px 0}.hero-stats{gap:24px;margin-top:18px;padding-top:14px}}