*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root,[data-theme="dark"]{
  --gold:#C9A84C;--gold-bright:#e8c06a;
  --blue:#2d78f0;
  --bg:#060b12;--bg2:#0b1220;
  --bg-card:rgba(11,18,32,0.65);--bg-card2:rgba(11,18,32,0.5);
  --bg-nav:rgba(6,11,18,0.88);--bg-drawer:rgba(6,11,18,0.98);
  --text:#e8edf5;--text-dim:#7a8aaa;--text-muted:#374151;
  --border-gold:rgba(201,168,76,0.18);--border-gold-h:rgba(201,168,76,0.45);
  --border-blue:rgba(30,105,220,0.22);--border-sub:rgba(255,255,255,0.05);
  --grid:rgba(30,105,220,0.05);--glow:rgba(201,168,76,0.06);
  --strip:rgba(11,18,32,0.5);
}
[data-theme="light"]{
  --gold:#EFBF04;--gold-bright:#bf8b1b;
  --blue:#1a55b8;
  --bg:#fff;--bg2:#e8e4dc;
  --bg-card:rgba(255,255,255,0.8);--bg-card2:rgba(255,255,255,0.65);
  --bg-nav:rgba(243,241,237,0.93);--bg-drawer:rgba(243,241,237,0.99);
  --text:#0d1117;--text-dim:#4a5568;--text-muted:#9ca3af;
  --border-gold:rgba(154,112,24,0.22);--border-gold-h:rgba(154,112,24,0.5);
  --border-blue:rgba(26,85,184,0.2);--border-sub:rgba(0,0,0,0.07);
  --grid:rgba(26,85,184,0.05);--glow:rgba(154,112,24,0.04);
  --strip:rgba(220,215,205,0.7);
}

html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'Rajdhani',sans-serif;overflow-x:hidden;cursor:none;transition:background .4s,color .4s;}

#cursor{position:fixed;width:12px;height:12px;border:1.5px solid var(--gold);border-radius:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;}
#cursor-trail{position:fixed;width:40px;height:40px;border:1px solid rgba(201,168,76,0.25);border-radius:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:left .12s ease,top .12s ease;}

.grid-bg{position:fixed;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;}
.grid-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,var(--glow) 0%,transparent 70%);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5%;height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-gold);background:var(--bg-nav);backdrop-filter:blur(12px);transition:background .4s,border-color .4s;}
.nav-logo{font-family:'Orbitron',monospace;font-size:22px;font-weight:900;letter-spacing:.08em;flex-shrink:0;text-decoration:none;cursor:pointer;}
.nav-logo .pbl{color:var(--gold);}
.nav-logo .sep,.nav-logo .mrls{color:var(--blue);}
.nav-links{display:flex;gap:24px;list-style:none;}
.nav-links a{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:600;letter-spacing:.28em;text-decoration:none;color:var(--text-dim);text-transform:uppercase;transition:color .2s;position:relative;}
.nav-links a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s;}
.nav-links a:hover,.nav-links a.active{color:var(--gold);}
.nav-links a:hover::after,.nav-links a.active::after{width:100%;}

.nav-controls{display:flex;align-items:center;gap:10px;flex-shrink:0;}

/* LANG SWITCHER */
.lang-sw{display:flex;align-items:center;border:1px solid var(--border-gold);overflow:hidden;transition:border-color .3s;}
.lang-sw button{background:none;border:none;cursor:pointer;font-family:'Rajdhani',sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;padding:5px 10px;color:var(--text-dim);transition:background .2s,color .2s;}
.lang-sw button.active{background:var(--gold);color:var(--bg);}
.lang-sw .lsep{width:1px;background:var(--border-gold);height:20px;flex-shrink:0;}

/* THEME TOGGLE */
.theme-wrap{display:flex;align-items:center;gap:5px;}
.theme-ico{font-size:11px;line-height:1;}
.theme-btn{width:34px;height:18px;border-radius:9px;background:var(--border-gold);border:1px solid var(--border-gold);cursor:pointer;position:relative;transition:background .3s;flex-shrink:0;}
.theme-btn::after{content:'';position:absolute;width:12px;height:12px;border-radius:50%;top:2px;left:2px;background:var(--gold);transition:transform .3s;}
[data-theme="light"] .theme-btn::after{transform:translateX(16px);}

.nav-status{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.2em;color:var(--text-dim);}
.status-dot{width:6px;height:6px;border-radius:50%;background:#2bdb74;animation:sPulse 2s ease-in-out infinite;flex-shrink:0;}
@keyframes sPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(212,168,67,0.4);}50%{opacity:.7;box-shadow:0 0 0 4px rgba(212,168,67,0);}}

.nav-hbg{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:4px;z-index:200;}
.nav-hbg span{display:block;height:1.5px;background:var(--gold);transition:transform .3s,opacity .3s,width .3s;width:100%;}
.nav-hbg.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-hbg.open span:nth-child(2){opacity:0;width:0;}
.nav-hbg.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}

.nav-drawer{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg-drawer);backdrop-filter:blur(16px);z-index:150;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid var(--border-gold);transition:background .4s;}
.nav-drawer.open{display:flex;}
.nav-drawer li{list-style:none;width:100%;text-align:center;border-bottom:1px solid var(--border-sub);}
.nav-drawer li a{display:block;padding:18px;font-family:'Orbitron',monospace;font-size:17px;font-weight:700;letter-spacing:.15em;text-decoration:none;color:var(--text-dim);text-transform:uppercase;transition:color .2s,background .2s;}
.nav-drawer li a:hover{color:var(--gold);}
.drawer-btm{margin-top:28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;}

/* HERO */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 5% 80px;position:relative;z-index:1;}
.hero-eye{font-size:10px;letter-spacing:.5em;color:var(--gold);font-weight:600;margin-bottom:24px;display:flex;align-items:center;gap:12px;}
.hero-eye::before{content:'';width:32px;height:1px;background:var(--gold);}
.hero-name{font-family:'Orbitron',monospace;font-size:clamp(52px,10vw,120px);font-weight:900;line-height:.95;letter-spacing:.04em;margin-bottom:8px;}
.hero-name .pbl{color:var(--gold);display:block;animation:fsUp .8s ease both;}
.hero-name .drow{display:flex;align-items:center;animation:fsUp .8s .1s ease both;}
.hero-name .pipe{color:var(--blue);font-weight:300;margin:0 8px;}
.hero-name .mrls{color:var(--blue);}
.hero-tag{font-family:'Rajdhani',sans-serif;font-size:clamp(13px,2vw,18px);font-weight:400;letter-spacing:.35em;color:var(--blue);margin-top:20px;animation:fsUp .8s .2s ease both;text-transform:uppercase;}
.hero-desc{max-width:480px;margin-top:36px;font-size:17px;line-height:1.8;color:var(--text-dim);animation:fsUp .8s .3s ease both;border-left:2px solid var(--gold);padding-left:20px;}
.hero-cta{display:flex;gap:20px;margin-top:44px;animation:fsUp .8s .4s ease both;flex-wrap:wrap;}

.btn-p{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.35em;text-decoration:none;text-transform:uppercase;padding:14px 36px;background:var(--gold);color:var(--bg);border:none;cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background .2s,transform .2s;display:inline-flex;align-items:center;gap:10px;}
.btn-p:hover{background:var(--gold-bright);transform:translateY(-2px);}
.btn-s{font-family:'Rajdhani',sans-serif;font-size:17px;font-weight:700;letter-spacing:.35em;text-decoration:none;text-transform:uppercase;padding:13px 36px;background:transparent;color:var(--blue);border:1px solid var(--blue);cursor:pointer;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);transition:background .2s,color .2s,transform .2s;display:inline-flex;align-items:center;gap:10px;}
.btn-s:hover{background:rgba(30,105,220,0.1);transform:translateY(-2px);}

.hero-stats{display:flex;gap:48px;margin-top:60px;animation:fsUp .8s .5s ease both;flex-wrap:wrap;}
.stat{border-left:2px solid var(--border-gold);padding-left:16px;}
.stat-n{font-family:'Orbitron',monospace;font-size:30px;font-weight:700;color:var(--gold);line-height:1;}
.stat-l{font-size:10px;letter-spacing:.3em;color:var(--text-dim);margin-top:4px;text-transform:uppercase;}

.hero-panel{
  position:absolute;right:5%;top:34%;transform:translateY(-50%);
  width:clamp(260px,30%,500px);
  border:1px solid rgba(201,168,76,0.3);
  background:#080d14;
  border-radius:4px;
  overflow:hidden;
  animation:fsUp .8s .3s ease both;
  box-shadow:0 0 40px rgba(0,0,0,0.6);
}
/* terminal title bar */
.ph{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;
  background:#0f1520;
  border-bottom:1px solid rgba(201,168,76,0.15);
}
.pt{font-size:8px;letter-spacing:.3em;color:#C9A84C;font-weight:600;font-family:'Courier New',monospace;}
.pd{display:flex;gap:5px;}
.pd span{width:10px;height:10px;border-radius:50%;}
.pd span:nth-child(1){background:#ff5f57;}
.pd span:nth-child(2){background:#febc2e;}
.pd span:nth-child(3){background:#c9a84c;}
/* code body */
.panel-body{padding:16px 18px 18px;}
.cl{
  font-family:'Courier New',monospace;
  font-size:17px;line-height:1.8;
  color:#6b7a99;
  display:flex;gap:10px;
}
.cl .ln{
  color:rgba(255,255,255,0.45);
  font-size:9px;
  user-select:none;
  min-width:14px;
  text-align:right;
  padding-top:1px;
}
.cl .code{flex:1;}
.cl .kw{color:#569cd6;}.cl .fn{color:#c9a84c;}.cl .st{color:#4ade80;}.cl .cm{color:#607d9b;font-style:italic;}
.cc{display:inline-block;width:7px;height:11px;background:var(--gold);vertical-align:middle;animation:blink 1.2s step-end infinite;}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0;}}

.hc{position:absolute;pointer-events:none;}
.hc.tl{top:80px;left:5%;}.hc.br{bottom:40px;right:5%;}

/* SECTION */
.section{padding:100px 5%;position:relative;z-index:1;}
.sh{display:flex;align-items:center;gap:20px;margin-bottom:56px;}
.sn{font-family:'Orbitron',monospace;font-size:11px;color:var(--gold);letter-spacing:.3em;}
.st{font-family:'Orbitron',monospace;font-size:17px;font-weight:700;letter-spacing:.06em;color:#2d78f0;}
.sl{flex:1;height:1px;background:var(--border-gold);}
.si{font-size:17px;color:var(--text-dim);line-height:1.8;max-width:600px;margin-bottom:48px;border-left:2px solid var(--border-gold);padding-left:16px;}

/* DATA STRIP */
.ds{border-top:1px solid var(--border-gold);border-bottom:1px solid var(--border-gold);padding:14px 5%;background:var(--strip);display:flex;align-items:center;overflow:hidden;position:relative;z-index:1;transition:background .4s;}
.dsc{display:flex;gap:48px;white-space:nowrap;animation:sLeft 22s linear infinite;font-size:12px;letter-spacing:.3em;color:var(--text-dim);font-weight:600;}
.dsc span{color:var(--gold);}
@keyframes sLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}

/* ABOUT */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.am,.ao{border:1px solid var(--border-gold);background:var(--bg-card);padding:40px 36px;position:relative;transition:background .4s,border-color .4s;}
.am::before,.ao::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--gold);}
.ao::before{background:var(--blue);}
.atag{font-size:9px;letter-spacing:.4em;color:var(--gold);margin-bottom:16px;font-weight:600;}
.aname{font-family:'Orbitron',monospace;font-size:26px;font-weight:900;color:var(--text);letter-spacing:.06em;margin-bottom:4px;}
.alead{font-family:'Orbitron',monospace;font-size:17px;color:#2d78f0;letter-spacing:.2em;margin-bottom:22px;}
.abody{font-size:17px;color:var(--text-dim);line-height:1.9;}
.avals{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.avp{font-size:11px;letter-spacing:.12em;padding:6px 14px;border:1px solid var(--border-gold);color:var(--text-dim);display:flex;align-items:center;gap:6px;}
.olbl{font-size:9px;letter-spacing:.4em;color:var(--blue);font-weight:600;display:block;margin-bottom:14px;}
.odesc{font-size:17px;color:var(--text-dim);line-height:1.9;margin-bottom:26px;}
.opil{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pil{border:1px solid var(--border-sub);padding:18px 14px;text-align:center;transition:border-color .3s;}
.pil:hover{border-color:var(--border-gold);}
.pico{font-size:22px;margin-bottom:8px;}
.pnm{font-size:10px;letter-spacing:.25em;color:var(--text-dim);text-transform:uppercase;font-weight:600;}

/* TECH */
.tg{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;}
.tc{border:1px solid var(--border-gold);background:var(--bg-card);padding:22px 18px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .4s;}
.tc::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s;}
.tc:hover{border-color:var(--border-gold-h);transform:translateY(-4px);}
.tc:hover::before{transform:scaleX(1);}
.tcat{font-size:10px;letter-spacing:.4em;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;}
.tn{font-family:'Orbitron',monospace;font-size:13px;font-weight:700;color:var(--gold);letter-spacing:.05em;}
.tsub{font-size:12px;color:var(--text-dim);margin-top:4px;letter-spacing:.08em;}

/* SERVICES */
.svg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;}
.svc{border:1px solid var(--border-blue);background:var(--bg-card2);padding:36px 28px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .4s;}
.svc::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .4s;}
.svc:hover{border-color:rgba(30,105,220,0.5);transform:translateY(-5px);}
.svc:hover::after{transform:scaleX(1);}
.svico{margin-bottom:20px;display:flex;align-items:center;}
.svt{font-family:'Orbitron',monospace;font-size:17px;font-weight:700;color:#2d78f0;letter-spacing:.07em;margin-bottom:10px;}
.svd{font-size:17px;color:var(--text-dim);line-height:1.8;}
.svtags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.tag{font-size:9px;letter-spacing:.22em;padding:4px 10px;border:1px solid var(--border-gold);color:var(--gold);text-transform:uppercase;}

/* PORTFOLIO */
.car-wrap{display:flex;align-items:center;gap:10px;}
.car-vp{overflow:hidden;flex:1;min-width:0;}
.car-track{display:flex;gap:18px;transition:transform .45s cubic-bezier(.4,0,.2,1);will-change:transform;}
.car-btn{flex-shrink:0;width:42px;height:72px;background:var(--bg2);border:1px solid var(--border-gold);color:var(--gold);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);transition:background .2s,border-color .2s,opacity .3s;}
.car-btn:hover{background:var(--border-gold-h);border-color:var(--gold);}
.car-btn:disabled{opacity:.2;cursor:default;pointer-events:none;}
.pc{flex:0 0 var(--card-w,calc(33.333% - 12px));border:1px solid var(--border-gold);background:var(--bg-card2);padding:28px 24px;position:relative;overflow:hidden;transition:border-color .3s,transform .3s,background .4s;box-sizing:border-box;}
.pc:hover{border-color:var(--border-gold-h);transform:translateY(-4px);}
.pc.feat{border-color:rgba(201,168,76,0.28);}
.pc.ctac{flex:none!important;border-color:var(--border-blue);background:rgba(30,105,220,0.03);display:flex;flex-direction:column;justify-content:center;}
.pbdg{display:inline-block;font-size:8px;letter-spacing:.4em;padding:3px 10px;background:rgba(201,168,76,0.1);color:var(--gold);border:1px solid var(--border-gold);margin-bottom:12px;}
.pnum{margin-bottom:12px;line-height:0;}
.pmeta{font-size:9px;letter-spacing:.32em;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;}
.ptit{font-family:'Orbitron',monospace;font-size:17px;font-weight:700;color:#2d78f0;letter-spacing:.05em;margin-bottom:10px;}
.pdesc{font-size:16px;color:var(--text-dim);line-height:1.8;}
.ptags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;}

/* CONTACT */
.cb{border:1px solid var(--border-gold);background:var(--bg-card);padding:60px;position:relative;text-align:center;transition:background .4s,border-color .4s;}
.cb::before{content:'';position:absolute;top:-1px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--blue),transparent);}
.ctit{font-family:'Orbitron',monospace;font-size:clamp(26px,5vw,50px);font-weight:900;letter-spacing:.06em;margin-bottom:16px;}
.ctit .g{color:var(--gold);}
.csub{font-size:13px;color:var(--text-dim);letter-spacing:.18em;margin-bottom:36px;}
.cem{font-family:'Orbitron',monospace;font-size:clamp(13px,2.5vw,19px);color:var(--blue);letter-spacing:.1em;text-decoration:none;border-bottom:1px solid var(--border-blue);padding-bottom:4px;transition:color .2s,border-color .2s;}
.cem:hover{color:var(--gold);border-color:var(--border-gold);}

/* FOOTER */
footer{padding:28px 5%;border-top:1px solid var(--border-sub);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;flex-wrap:wrap;gap:14px;transition:border-color .4s;}
.fl{font-family:'Orbitron',monospace;font-size:17px;font-weight:900;letter-spacing:.08em;}
.fl .pbl{color:var(--gold);}.fl .mrls{color:var(--blue);}
.fc{font-size:11px;letter-spacing:.12em;background:linear-gradient(90deg,var(--gold),var(--gold-bright),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.flinks{display:flex;gap:22px;}
.flinks a{font-size:11px;letter-spacing:.2em;color:var(--text-dim);text-decoration:none;transition:color .2s;}
.flinks a:hover{color:var(--gold);}

.fright{display:flex;align-items:center;}
.fest{display:flex;align-items:center;gap:8px;border:1px solid var(--border-gold);padding:6px 14px;}
.fest-flag{font-size:18px;line-height:1;}
.fest-txt{font-family:'Orbitron',monospace;font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--gold);}

@keyframes fsUp{from{opacity:0;transform:translateY(28px);}to{opacity:1;transform:translateY(0);}}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* SCROLL TO TOP */
#scroll-top{
  position:fixed;bottom:32px;right:32px;z-index:500;
  width:44px;height:44px;
  background:var(--bg2);
  border:1px solid var(--border-gold);
  color:var(--gold);
  font-size:18px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);
  opacity:0;pointer-events:none;
  transition:opacity .3s,background .2s,border-color .2s,transform .2s;
}
#scroll-top.visible{opacity:1;pointer-events:auto;}
#scroll-top:hover{background:var(--border-gold);border-color:var(--gold);transform:translateY(-3px);}

/* RESPONSIVE */
@media(max-width:960px){
  .hero-panel{display:none;}
  .svg{grid-template-columns:1fr 1fr;}
  .nav-links{gap:16px;}
  .nav-status{display:none;}
}
@media(max-width:768px){
  #cursor,#cursor-trail{display:none;}
  body{cursor:auto;}
  .btn-p,.btn-s{cursor:pointer;}
  .nav-links{display:none;}
  .nav-hbg{display:flex;}
  nav{padding:0 4%;}
  .hero{padding:88px 4% 48px;min-height:unset;display:flex;flex-direction:column;justify-content:flex-start;}
  .hero-eye{font-size:9px;letter-spacing:.3em;}
  .hero-name{font-size:clamp(42px,12vw,72px);}
  .hero-desc{font-size:17px;margin-top:20px;max-width:100%;}
  .hero-cta{flex-direction:column;gap:12px;margin-top:24px;}
  .btn-p,.btn-s{width:100%;justify-content:center;}
  .hero-stats{gap:18px;margin-top:32px;}
  .stat-n{font-size:22px;}
  .hc{display:none;}
  .hero-panel{
    position:static;
    transform:none;
    width:100%;
    margin-top:28px;
    display:block;
  }
  .section{padding:60px 4%;}
  .sh{gap:10px;margin-bottom:32px;}
  .st{font-size:17px;}
  .sl{display:none;}
  .ag{grid-template-columns:1fr;gap:18px;}
  .am,.ao{padding:26px 18px;}
  .opil{grid-template-columns:1fr 1fr;}
  .tg{grid-template-columns:1fr 1fr;gap:10px;}
  .svg{grid-template-columns:1fr;gap:14px;}
  .svc{padding:26px 18px;}
  .pc{padding:22px 18px;}
  .car-btn{width:32px;height:56px;font-size:18px;}
  .cb{padding:36px 16px;}
  .csub{font-size:11px;letter-spacing:.1em;}
  footer{flex-direction:column;text-align:center;gap:10px;padding:22px 4%;}
  .fc{font-size:10px;}
  .lang-sw{display:flex;}
  .nav-controls .nav-status{display:none;}
  #scroll-top{bottom:20px;right:20px;}
}
@media(max-width:400px){
  .hero-name{font-size:clamp(34px,13vw,54px);}
  .tg{grid-template-columns:1fr;}
  .avals{gap:8px;}
}