:root{
  --bg:#050509;
  --bg-deep:#020204;
  --panel:#0b0b12;
  --panel-2:#10101a;
  --text:#f8f7ff;
  --soft:#d7d2e3;
  --muted:#968fa5;
  --border:rgba(255,255,255,.085);
  --border-strong:rgba(255,255,255,.15);
  --accent:#8b5cf6;
  --accent-2:#c026d3;
  --accent-soft:rgba(139,92,246,.17);
  --accent-glow:rgba(139,92,246,.32);
  --accent-rgb:139,92,246;
  --radius:28px;
  --container:1240px;
  --shadow:0 30px 100px rgba(0,0,0,.52);
}

html[data-theme="blue"]{
  --accent:#3b82f6;--accent-2:#06b6d4;--accent-soft:rgba(59,130,246,.17);--accent-glow:rgba(59,130,246,.32);--accent-rgb:59,130,246;
}
html[data-theme="green"]{
  --accent:#22c55e;--accent-2:#14b8a6;--accent-soft:rgba(34,197,94,.17);--accent-glow:rgba(34,197,94,.32);--accent-rgb:34,197,94;
}
html[data-theme="cyan"]{
  --accent:#06b6d4;--accent-2:#3b82f6;--accent-soft:rgba(6,182,212,.17);--accent-glow:rgba(6,182,212,.32);--accent-rgb:6,182,212;
}
html[data-theme="rose"]{
  --accent:#f43f5e;--accent-2:#c026d3;--accent-soft:rgba(244,63,94,.17);--accent-glow:rgba(244,63,94,.32);--accent-rgb:244,63,94;
}
html[data-theme="amber"]{
  --accent:#f59e0b;--accent-2:#ef4444;--accent-soft:rgba(245,158,11,.17);--accent-glow:rgba(245,158,11,.32);--accent-rgb:245,158,11;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 8% 6%,var(--accent-soft),transparent 24%),
    radial-gradient(circle at 92% 8%,rgba(var(--accent-rgb),.07),transparent 22%),
    linear-gradient(180deg,#050509 0%,#08080f 52%,#050509 100%);
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-6;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 87%);
}

a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{color:inherit}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
::selection{background:rgba(var(--accent-rgb),.34);color:#fff}

.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.gradient-text{
  background:linear-gradient(120deg,#fff 8%,var(--accent) 45%,var(--accent-2) 72%,#fff 100%);
  background-size:220% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:textShimmer 7s linear infinite;
}
@keyframes textShimmer{to{background-position:220% center}}

#particles{position:fixed;inset:0;z-index:-5;width:100%;height:100%;pointer-events:none;opacity:.62}
.cursor-glow{
  position:fixed;left:0;top:0;width:430px;height:430px;border-radius:50%;pointer-events:none;z-index:-4;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(var(--accent-rgb),.13),rgba(var(--accent-rgb),.035) 38%,transparent 70%);
  filter:blur(4px);
}
.scroll-progress{
  position:fixed;left:0;top:0;height:2px;width:0;z-index:1000;
  background:linear-gradient(90deg,var(--accent),var(--accent-2));
  box-shadow:0 0 18px var(--accent-glow);
}

/* NAV */
.navbar{
  position:sticky;top:0;z-index:100;
  border-bottom:1px solid var(--border);
  background:rgba(5,5,9,.69);
  backdrop-filter:blur(24px);
}
.nav-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.03em}
.brand-mark{
  width:44px;height:44px;border-radius:15px;display:grid;place-items:center;position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));
  box-shadow:0 12px 34px var(--accent-glow);
}
.brand-core{
  width:18px;height:18px;border:2px solid rgba(255,255,255,.9);
  border-radius:6px 10px 6px 10px;transform:rotate(45deg)
}
.brand-mark::after{
  content:"";position:absolute;inset:-45%;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);
  transform:translateX(-100%) rotate(15deg);animation:brandSweep 5.5s ease-in-out infinite
}
@keyframes brandSweep{55%,100%{transform:translateX(135%) rotate(15deg)}}
.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:.98rem}.brand-copy small{color:var(--muted);font-size:.69rem;font-weight:700;margin-top:5px;letter-spacing:.11em;text-transform:uppercase}

.nav-links{display:flex;align-items:center;gap:5px}
.nav-links a{padding:10px 12px;border-radius:12px;color:#aaa3b8;font-size:.92rem;font-weight:700;transition:.22s ease}
.nav-links a:hover,.nav-links a.active{color:#fff;background:var(--accent-soft)}
.nav-actions{display:flex;align-items:center;gap:10px}
.icon-button{
  width:46px;height:46px;padding:0;border:1px solid var(--border-strong);border-radius:14px;
  display:grid;place-items:center;background:rgba(255,255,255,.03);cursor:pointer;transition:.22s ease
}
.icon-button:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.4);background:rgba(255,255,255,.055)}
.menu-button{display:none;font-size:1.1rem}

.button{
  min-height:48px;padding:0 18px;border:1px solid var(--border-strong);border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:rgba(255,255,255,.033);font-weight:800;position:relative;overflow:hidden;transition:.22s ease
}
.button::before{
  content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);
  transform:translateX(-130%);transition:.55s ease
}
.button:hover::before{transform:translateX(130%)}
.button:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.38);background:rgba(255,255,255,.055)}
.button.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 16px 44px var(--accent-glow)}
.button.primary:hover{box-shadow:0 22px 52px var(--accent-glow)}
.button.large{min-height:54px;padding:0 21px}
.nav-account svg{width:18px;height:18px}

.theme-wrap{position:relative}
.theme-panel{
  display:none;position:absolute;right:0;top:58px;width:330px;padding:14px;
  border:1px solid var(--border);border-radius:22px;background:rgba(10,10,16,.97);
  backdrop-filter:blur(20px);box-shadow:0 28px 80px rgba(0,0,0,.52)
}
.theme-panel.open{display:block;animation:panelPop .18s ease}
@keyframes panelPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.theme-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:4px 4px 12px}
.theme-panel-head strong{display:block;font-size:.93rem}.theme-panel-head span,.custom-theme span{display:block;color:var(--muted);font-size:.77rem;margin-top:3px}
.close-mini{width:32px;height:32px;border:1px solid var(--border);border-radius:10px;background:transparent;cursor:pointer}
.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.theme-choice{
  min-height:46px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);
  display:flex;align-items:center;gap:9px;padding:0 12px;cursor:pointer;color:#c8c1d2;font-weight:700
}
.theme-choice:hover,.theme-choice.active{border-color:rgba(var(--accent-rgb),.35);background:var(--accent-soft);color:#fff}
.theme-choice i{width:14px;height:14px;border-radius:50%;background:var(--swatch);box-shadow:0 0 14px color-mix(in srgb,var(--swatch) 50%,transparent)}
.custom-theme{margin-top:10px;padding:12px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.custom-theme strong{font-size:.86rem}
.custom-theme input{width:46px;height:34px;padding:2px;border:0;border-radius:10px;background:transparent;cursor:pointer}

/* HERO */
.hero-section{padding:48px 0 0}
.hero-shell{
  position:relative;overflow:hidden;border:1px solid var(--border);border-radius:36px;
  background:
    radial-gradient(circle at 77% 28%,rgba(var(--accent-rgb),.21),transparent 24%),
    radial-gradient(circle at 90% 72%,rgba(var(--accent-rgb),.08),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow)
}
.hero-shell::before{
  content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 20%,transparent 82%,rgba(var(--accent-rgb),.03))
}
.hero-grid{min-height:730px;display:grid;grid-template-columns:1.08fr .92fr}
.hero-content{padding:82px 0 78px 68px;align-self:center;position:relative;z-index:2}
.availability-pill{
  display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:8px 13px;border-radius:999px;
  border:1px solid rgba(var(--accent-rgb),.24);background:rgba(var(--accent-rgb),.08);
  color:#ddd5ef;font-size:.82rem;font-weight:780;letter-spacing:.035em
}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:livePulse 2s infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.35)}70%{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}}
.hero-content h1{max-width:820px;margin:22px 0 24px;font-size:clamp(3rem,6.25vw,6.3rem);line-height:.93;letter-spacing:-.069em}
.hero-lead{max-width:680px;margin:0;color:#b7afc4;font-size:clamp(1rem,1.35vw,1.17rem);line-height:1.8}
.typing-row{margin-top:20px;display:flex;align-items:center;gap:8px;min-height:24px;color:#c9c2d5;font-size:.92rem}
.typing-label{color:var(--muted)}.typing-row strong{color:#fff}.typing-caret{width:2px;height:17px;background:var(--accent);animation:blink .85s steps(1) infinite}@keyframes blink{50%{opacity:0}}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.trust-row article{min-width:160px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.023);transition:.22s ease}
.trust-row article:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.23)}
.trust-row strong{display:block;margin-bottom:4px}.trust-row span{color:var(--muted);font-size:.8rem;line-height:1.45}

.hero-visual{min-height:730px;position:relative;display:grid;place-items:center;overflow:hidden}
.visual-aura{
  position:absolute;width:520px;height:520px;border-radius:50%;
  background:radial-gradient(circle,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.04) 44%,transparent 68%);
  filter:blur(4px);animation:aura 5s ease-in-out infinite
}
@keyframes aura{50%{transform:scale(1.07);opacity:.82}}
.core-sphere{
  position:absolute;width:175px;height:175px;border-radius:50%;overflow:hidden;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 16%),
    radial-gradient(circle at 48% 48%,var(--accent),var(--accent-2) 44%,#120d1e 73%);
  box-shadow:0 0 90px var(--accent-glow),inset -28px -24px 46px rgba(0,0,0,.44);
  animation:sphere 5.6s ease-in-out infinite
}
@keyframes sphere{50%{transform:scale(1.035) translateY(-5px);box-shadow:0 0 120px var(--accent-glow),inset -28px -24px 46px rgba(0,0,0,.44)}}
.core-grid{position:absolute;inset:0;border-radius:50%;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;transform:rotate(18deg);opacity:.45}
.core-shine{position:absolute;width:46px;height:90px;border-radius:50%;left:28%;top:18%;background:rgba(255,255,255,.12);filter:blur(10px);transform:rotate(25deg)}

.orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.19)}
.orbit::before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.13)}
.orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.orbit-one{width:395px;height:395px;animation:spin 18s linear infinite}.orbit-one span{left:50%;top:-5px}
.orbit-two{width:505px;height:505px;animation:spinReverse 24s linear infinite}.orbit-two span{right:8%;top:22%}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}

.floating-card{position:absolute;border:1px solid var(--border-strong);background:rgba(9,9,15,.77);backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,0,0,.42)}
.card-code{width:min(420px,76%);right:6%;bottom:9%;border-radius:22px;overflow:hidden;transform:rotate(-3deg);animation:codeFloat 6.5s ease-in-out infinite}
@keyframes codeFloat{50%{transform:rotate(-1.5deg) translateY(-9px)}}
.window-bar{height:46px;padding:0 15px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--border)}
.window-bar span{width:8px;height:8px;border-radius:50%;background:#5f5a68}.window-bar span:nth-child(1){background:#ef4444}.window-bar span:nth-child(2){background:#f59e0b}.window-bar span:nth-child(3){background:#22c55e}
.window-bar small{margin-left:auto;color:#827b8d}
.code-lines{padding:22px;display:grid;gap:10px}.code-lines i{display:block;width:var(--w);margin-left:var(--ml,0);height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.62),rgba(var(--accent-rgb),.13))}
.card-status{left:3%;top:17%;border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;animation:statusFloat 7s ease-in-out infinite}
@keyframes statusFloat{50%{transform:translateY(-10px) rotate(1deg)}}
.status-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.status-icon svg{width:19px;height:19px}
.card-status strong{display:block;font-size:.88rem}.card-status span{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}

.tech-pill{position:absolute;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(10,10,16,.72);backdrop-filter:blur(12px);color:#cfc7dc;font-size:.75rem;font-weight:780}
.pill-one{right:9%;top:17%;animation:tinyFloat 6s ease-in-out infinite}.pill-two{left:8%;bottom:29%;animation:tinyFloat 7.2s ease-in-out infinite .8s}.pill-three{right:14%;bottom:33%;animation:tinyFloat 6.6s ease-in-out infinite .4s}
@keyframes tinyFloat{50%{transform:translateY(-8px)}}

.hero-bottom-line{min-height:66px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:14px;color:#8f889a;font-size:.8rem;font-weight:740;text-transform:uppercase;letter-spacing:.09em;position:relative;z-index:2}
.hero-bottom-line i{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* SECTIONS */
.section{padding:112px 0 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.section-head>div{max-width:760px}
.section-kicker{display:inline-block;color:var(--accent);font-size:.8rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.section-head h2,.experience-main h2,.cta-shell h2{margin:12px 0 0;font-size:clamp(2.3rem,4vw,4.35rem);line-height:1;letter-spacing:-.052em}
.section-head>p{max-width:520px;margin:0;color:var(--muted);line-height:1.75}

.service-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{
  min-height:370px;padding:27px;border:1px solid var(--border);border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.017));
  box-shadow:0 22px 65px rgba(0,0,0,.25);position:relative;overflow:hidden;transition:.25s ease
}
.feature-card::after{content:"";position:absolute;width:180px;height:180px;right:-78px;top:-78px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);transition:.3s ease}
.feature-card:hover{transform:translateY(-7px);border-color:rgba(var(--accent-rgb),.28);box-shadow:0 30px 84px rgba(0,0,0,.34)}.feature-card:hover::after{transform:scale(1.25)}
.feature-card.featured{background:linear-gradient(180deg,rgba(var(--accent-rgb),.095),rgba(255,255,255,.018));border-color:rgba(var(--accent-rgb),.22)}
.feature-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent)}
.feature-number{position:absolute;right:23px;top:24px;color:#595363;font-weight:900;font-size:.78rem}
.feature-card h3{margin:24px 0 10px;font-size:1.25rem}.feature-card p{margin:0;color:var(--muted);line-height:1.72}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.tag-row span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:#bdb5c9;font-size:.75rem;font-weight:720}
.feature-card a{position:absolute;left:27px;bottom:26px;color:#ddd6e7;font-size:.87rem;font-weight:800}.feature-card a b{color:var(--accent);margin-left:4px}

.experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}
.experience-main{
  min-height:510px;padding:34px;border:1px solid var(--border);border-radius:30px;
  background:radial-gradient(circle at 85% 10%,var(--accent-soft),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  box-shadow:0 24px 70px rgba(0,0,0,.25)
}
.experience-main>p{max-width:760px;color:var(--muted);line-height:1.76}
.principle-list{display:grid;gap:10px;margin-top:28px}
.principle-list div{min-height:56px;padding:0 15px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:14px;transition:.2s ease}
.principle-list div:hover{transform:translateX(4px);border-color:rgba(var(--accent-rgb),.2)}
.principle-list span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.7rem;font-weight:900}
.principle-list strong{font-size:.91rem}
.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#d9d1e5;font-weight:800}.text-link span{color:var(--accent)}
.experience-side{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.metric-card{
  min-height:245px;padding:22px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.015));
  display:flex;flex-direction:column;justify-content:space-between;transition:.22s ease
}
.metric-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.25)}
.metric-card>span{color:#625c6c;font-size:.75rem;font-weight:900}
.metric-card strong{font-size:3.5rem;letter-spacing:-.07em;line-height:1;background:linear-gradient(120deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.metric-card small{color:var(--muted);font-size:.82rem;line-height:1.45}

.cta-shell{
  min-height:340px;border:1px solid rgba(var(--accent-rgb),.22);border-radius:32px;padding:42px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 82% 50%,rgba(var(--accent-rgb),.21),transparent 28%),
    linear-gradient(145deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.018));
  display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 28px 85px rgba(0,0,0,.32)
}
.cta-shell>div:not(.cta-glow){max-width:800px;position:relative;z-index:2}.cta-shell p{max-width:720px;color:var(--muted);line-height:1.75}
.cta-shell>.button{flex:0 0 auto;position:relative;z-index:2}
.cta-glow{position:absolute;width:360px;height:360px;right:-80px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);filter:blur(8px)}

/* FOOTER */
.footer{margin-top:110px;border-top:1px solid var(--border);background:rgba(255,255,255,.012)}
.footer-grid{padding:44px 0 34px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:34px}
.footer-brand{width:max-content}.footer-grid>div:first-child>p{max-width:340px;color:var(--muted);line-height:1.65;font-size:.88rem}
.footer-column{display:grid;align-content:start;gap:10px}.footer-column>strong{margin-bottom:5px;font-size:.9rem}.footer-column a{color:var(--muted);font-size:.86rem}.footer-column a:hover{color:#fff}
.footer-column small{color:#6d6677;line-height:1.45}.footer-status{display:flex;align-items:center;gap:8px;color:#b9b1c5;font-size:.83rem}.footer-status i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}
.footer-bottom{min-height:72px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777080;font-size:.8rem}.footer-bottom>div{display:flex;gap:16px}.footer-bottom a:hover{color:#fff}

.reveal{opacity:0;transform:translateY(26px) scale(.992);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1060px){
  .nav-links{display:none}.menu-button{display:grid}
  .nav-links.mobile-open{
    display:flex;position:absolute;left:20px;right:20px;top:80px;flex-direction:column;align-items:stretch;padding:12px;
    border:1px solid var(--border);border-radius:18px;background:rgba(9,9,14,.98);box-shadow:0 24px 70px rgba(0,0,0,.48)
  }
  .nav-links a{padding:13px}
  .hero-grid{grid-template-columns:1fr}.hero-content{padding:70px 48px 14px}.hero-visual{min-height:510px}
  .service-preview-grid{grid-template-columns:1fr 1fr}.service-preview-grid .feature-card:last-child{grid-column:1/-1}
  .experience-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .container{width:min(100% - 24px,var(--container))}
  .brand-copy{display:none}.nav-account span{display:none}.nav-account{width:46px;padding:0}
  .theme-panel{position:fixed;left:12px;right:12px;top:84px;width:auto}
  .hero-section{padding-top:24px}.hero-shell{border-radius:26px}.hero-content{padding:52px 24px 10px}.hero-content h1{font-size:clamp(2.85rem,14vw,4.35rem)}
  .hero-visual{min-height:405px}.visual-aura{width:360px;height:360px}.orbit-one{width:285px;height:285px}.orbit-two{width:355px;height:355px}.core-sphere{width:125px;height:125px}
  .card-status{left:4%;top:12%;transform:scale(.88);transform-origin:left top}.card-code{right:4%;bottom:8%;width:82%}.pill-three{display:none}
  .hero-bottom-line{padding:16px;flex-wrap:wrap;gap:10px}
  .section{padding-top:84px}.section-head{align-items:flex-start;flex-direction:column}
  .service-preview-grid,.experience-side{grid-template-columns:1fr}.service-preview-grid .feature-card:last-child{grid-column:auto}
  .feature-card{min-height:350px}
  .cta-shell{padding:28px;align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-column:last-child{grid-column:1/-1}
  .footer-bottom{padding:22px 0;align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
  .trust-row{display:grid;grid-template-columns:1fr}
  .hero-actions .button{width:100%}
  .footer-grid{grid-template-columns:1fr}.footer-column{grid-column:auto!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* =========================================================
   ABOUT PAGE
   ========================================================= */
.about-hero-section{padding:48px 0 0}
.about-hero-shell{
  position:relative;overflow:hidden;border:1px solid var(--border);border-radius:36px;
  background:
    radial-gradient(circle at 79% 28%,rgba(var(--accent-rgb),.2),transparent 24%),
    radial-gradient(circle at 93% 73%,rgba(var(--accent-rgb),.075),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow)
}
.about-hero-shell::before{
  content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 21%,transparent 82%,rgba(var(--accent-rgb),.035))
}
.about-hero-grid{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr}
.about-hero-copy{align-self:center;padding:82px 0 78px 68px;position:relative;z-index:2}
.about-hero-copy h1{max-width:820px;margin:16px 0 24px;font-size:clamp(3rem,6vw,6.05rem);line-height:.94;letter-spacing:-.067em}
.about-hero-copy>p{max-width:690px;margin:0 0 16px;color:#b7afc4;font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.78}
.about-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}
.about-quickfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:38px;max-width:760px}
.about-quickfacts article{
  min-height:100px;padding:15px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.022);
  display:flex;gap:11px;align-items:flex-start;transition:.22s ease
}
.about-quickfacts article:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.24)}
.about-quickfacts article>span{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.67rem;font-weight:900;flex:0 0 auto}
.about-quickfacts strong{display:block;font-size:.86rem;margin-bottom:4px}.about-quickfacts small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45}

.about-profile-visual{min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden}
.profile-aura{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.035) 45%,transparent 70%);filter:blur(4px);animation:aura 5.5s ease-in-out infinite}
.profile-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.17)}
.profile-orbit::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(var(--accent-rgb),.12);border-radius:50%}
.profile-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.profile-orbit-one{width:420px;height:420px;animation:spin 20s linear infinite}.profile-orbit-one span{top:-5px;left:50%}
.profile-orbit-two{width:520px;height:520px;animation:spinReverse 26s linear infinite}.profile-orbit-two span{right:7%;top:24%}

.profile-frame{
  width:330px;height:455px;border:1px solid var(--border-strong);border-radius:120px 120px 34px 34px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 50% 32%,rgba(var(--accent-rgb),.19),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:0 35px 90px rgba(0,0,0,.42),0 0 65px rgba(var(--accent-rgb),.12);
  backdrop-filter:blur(14px);animation:portraitHover 7s ease-in-out infinite
}
@keyframes portraitHover{50%{transform:translateY(-9px) rotate(.5deg)}}
.profile-silhouette{position:absolute;inset:0}
.profile-head{
  position:absolute;width:112px;height:130px;left:50%;top:86px;transform:translateX(-50%);
  border-radius:50% 50% 44% 44%;
  background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(var(--accent-rgb),.22) 58%,rgba(0,0,0,.2));
  border:1px solid rgba(255,255,255,.09);box-shadow:0 0 40px rgba(var(--accent-rgb),.16)
}
.profile-body{
  position:absolute;width:235px;height:230px;left:50%;bottom:42px;transform:translateX(-50%);
  border-radius:100px 100px 28px 28px;
  background:linear-gradient(155deg,rgba(255,255,255,.09),rgba(var(--accent-rgb),.16) 52%,rgba(0,0,0,.21));
  border:1px solid rgba(255,255,255,.075)
}
.profile-scan{
  position:absolute;left:8%;right:8%;height:2px;top:20%;
  background:linear-gradient(90deg,transparent,var(--accent),transparent);
  box-shadow:0 0 16px var(--accent-glow);animation:scanLine 4.5s ease-in-out infinite
}
@keyframes scanLine{50%{top:72%}}
.profile-caption{
  position:absolute;left:18px;right:18px;bottom:18px;min-height:68px;padding:13px 14px;border:1px solid var(--border);border-radius:17px;
  background:rgba(7,7,12,.74);backdrop-filter:blur(12px);display:flex;align-items:center;gap:11px
}
.profile-caption strong{display:block;font-size:.82rem}.profile-caption small{display:block;color:var(--muted);font-size:.72rem;margin-top:4px}

.floating-skill{
  position:absolute;padding:9px 12px;border:1px solid var(--border);border-radius:999px;background:rgba(10,10,16,.74);backdrop-filter:blur(12px);
  color:#cfc7db;font-size:.75rem;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.24)
}
.skill-a{top:18%;left:6%;animation:tinyFloat 6s ease-in-out infinite}
.skill-b{top:16%;right:7%;animation:tinyFloat 6.7s ease-in-out infinite .4s}
.skill-c{bottom:26%;left:3%;animation:tinyFloat 7.1s ease-in-out infinite .8s}
.skill-d{bottom:21%;right:5%;animation:tinyFloat 6.4s ease-in-out infinite .2s}

.about-hero-marquee{height:64px;border-top:1px solid var(--border);overflow:hidden;display:flex;align-items:center;position:relative}
.about-hero-marquee::before,.about-hero-marquee::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:2;pointer-events:none}
.about-hero-marquee::before{left:0;background:linear-gradient(90deg,#090910,transparent)}
.about-hero-marquee::after{right:0;background:linear-gradient(-90deg,#090910,transparent)}
.marquee-track{width:max-content;display:flex;align-items:center;gap:16px;animation:marquee 28s linear infinite;color:#87808f;font-size:.77rem;font-weight:850;letter-spacing:.1em}
.marquee-track i{width:5px;height:5px;border-radius:50%;background:var(--accent)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Story */
.story-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.story-main,.story-note{
  border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.017));box-shadow:0 22px 65px rgba(0,0,0,.24)
}
.story-main{min-height:520px;padding:34px;position:relative;overflow:hidden}
.story-main::after{content:"";position:absolute;width:300px;height:300px;right:-120px;bottom:-120px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}
.story-index{color:var(--accent);font-size:.74rem;font-weight:900;letter-spacing:.11em}
.story-main h3,.story-note h3{margin:16px 0 13px;font-size:2rem;letter-spacing:-.04em}
.story-main p,.story-note p{color:var(--muted);line-height:1.76;position:relative;z-index:2}
.story-quote{margin-top:28px;padding:20px;border:1px solid rgba(var(--accent-rgb),.17);border-radius:20px;background:rgba(var(--accent-rgb),.055);display:flex;gap:15px;align-items:flex-start;position:relative;z-index:2}
.story-quote>span{font-size:3rem;line-height:.8;color:var(--accent);font-family:Georgia,serif}.story-quote strong{font-size:1.03rem;line-height:1.65}
.story-side{display:grid;gap:20px}
.story-note{padding:28px;min-height:250px;transition:.25s ease}.story-note:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.23)}
.story-note.highlighted{background:radial-gradient(circle at 90% 10%,var(--accent-soft),transparent 35%),linear-gradient(180deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.017));border-color:rgba(var(--accent-rgb),.18)}

/* Journey */
.journey-shell{position:relative;display:grid;gap:18px;padding-left:58px}
.journey-line{position:absolute;left:19px;top:19px;bottom:19px;width:1px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.1))}
.journey-item{position:relative}
.journey-marker{
  position:absolute;left:-58px;top:24px;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 24px var(--accent-glow);z-index:2
}
.journey-marker span{font-size:.68rem;font-weight:900}
.journey-card{
  min-height:180px;padding:25px 28px;border:1px solid var(--border);border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.037),rgba(255,255,255,.015));transition:.25s ease
}
.journey-card:hover{transform:translateX(5px);border-color:rgba(var(--accent-rgb),.23)}
.journey-meta{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.12em}
.journey-card h3{margin:10px 0 8px;font-size:1.25rem}.journey-card p{max-width:900px;margin:0;color:var(--muted);line-height:1.68}

/* Focus */
.focus-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.focus-card{
  min-height:280px;padding:26px;border:1px solid var(--border);border-radius:25px;
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));position:relative;overflow:hidden;transition:.25s ease
}
.focus-card::after{content:"";position:absolute;width:170px;height:170px;right:-72px;top:-72px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);transition:.3s ease}
.focus-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.23)}.focus-card:hover::after{transform:scale(1.25)}
.focus-card.large{grid-row:span 2;min-height:578px;padding:32px;background:radial-gradient(circle at 85% 12%,var(--accent-soft),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.015))}
.focus-top{display:flex;justify-content:space-between;align-items:center;gap:18px;position:relative;z-index:2}
.focus-top>span{color:#70697b;font-size:.68rem;font-weight:900;letter-spacing:.12em}
.focus-icon{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent)}
.focus-card h3{position:relative;z-index:2;margin:26px 0 10px;font-size:1.35rem}.focus-card.large h3{font-size:2.35rem;letter-spacing:-.045em;margin-top:58px;max-width:420px}
.focus-card p{position:relative;z-index:2;margin:0;color:var(--muted);line-height:1.72;max-width:650px}
.focus-chip-row{position:relative;z-index:2;margin-top:28px;display:flex;flex-wrap:wrap;gap:8px}
.focus-chip-row span{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:#beb6c9;font-size:.78rem;font-weight:730}

/* Values */
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.value-card{
  min-height:265px;padding:24px;border:1px solid var(--border);border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.014));transition:.25s ease
}
.value-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.23)}
.value-card.featured{background:radial-gradient(circle at 85% 15%,var(--accent-soft),transparent 34%),linear-gradient(180deg,rgba(var(--accent-rgb),.06),rgba(255,255,255,.016));border-color:rgba(var(--accent-rgb),.18)}
.value-card>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.69rem;font-weight:900}
.value-card h3{margin:28px 0 10px;font-size:1.17rem}.value-card p{margin:0;color:var(--muted);line-height:1.65}

/* CTA */
.about-cta{
  min-height:400px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:32px;padding:42px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.18),transparent 27%),linear-gradient(145deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.018));
  display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:45px;box-shadow:0 28px 85px rgba(0,0,0,.3)
}
.about-cta-art{min-height:280px;position:relative;display:grid;place-items:center}
.about-cta-ring{position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.24);animation:spin 18s linear infinite}
.about-cta-ring::after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.14)}
.about-cta-core{width:105px;height:105px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 18%),linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 70px var(--accent-glow);animation:sphere 5.4s ease-in-out infinite}
.about-cta-copy{position:relative;z-index:2}.about-cta-copy h2{margin:12px 0 14px;font-size:clamp(2.3rem,4vw,4.2rem);letter-spacing:-.055em;line-height:1}.about-cta-copy p{max-width:700px;color:var(--muted);line-height:1.72}
.about-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

@media(max-width:1060px){
  .about-hero-grid{grid-template-columns:1fr}.about-hero-copy{padding:70px 48px 10px}.about-profile-visual{min-height:540px}
  .story-layout{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.focus-card.large{grid-row:auto;grid-column:1/-1;min-height:430px}
  .values-grid{grid-template-columns:repeat(2,1fr)}.about-cta{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:760px){
  .about-hero-section{padding-top:24px}.about-hero-shell{border-radius:26px}.about-hero-copy{padding:52px 24px 10px}.about-hero-copy h1{font-size:clamp(2.85rem,14vw,4.35rem)}
  .about-quickfacts{grid-template-columns:1fr}.about-profile-visual{min-height:440px}.profile-orbit-one{width:300px;height:300px}.profile-orbit-two{width:380px;height:380px}.profile-frame{width:250px;height:350px}.profile-head{width:88px;height:104px;top:64px}.profile-body{width:184px;height:178px}.floating-skill{font-size:.68rem}.skill-c{left:2%;bottom:22%}.skill-d{right:2%;bottom:18%}
  .journey-shell{padding-left:48px}.journey-marker{left:-48px}.journey-card{padding:22px}
  .focus-grid,.values-grid{grid-template-columns:1fr}.focus-card.large{grid-column:auto;min-height:420px}.focus-card.large h3{margin-top:38px;font-size:2rem}
  .about-cta{padding:28px;grid-template-columns:1fr}.about-cta-art{min-height:230px}.about-cta-actions .button{flex:1}
}
@media(max-width:480px){
  .about-hero-actions .button,.about-cta-actions .button{width:100%;flex:auto}
  .profile-frame{width:220px;height:320px}.profile-orbit-one{width:270px;height:270px}.profile-orbit-two{width:330px;height:330px}
  .story-main,.story-note{padding:23px}.journey-shell{padding-left:42px}.journey-marker{left:-42px;width:35px;height:35px}.journey-card{padding:20px}
}


/* =========================================================
   SERVICES PAGE
   ========================================================= */
.services-hero-section{padding:48px 0 0}
.services-hero-shell{
  position:relative;overflow:hidden;border:1px solid var(--border);border-radius:36px;
  background:
    radial-gradient(circle at 78% 30%,rgba(var(--accent-rgb),.21),transparent 24%),
    radial-gradient(circle at 93% 72%,rgba(var(--accent-rgb),.075),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow)
}
.services-hero-shell::before{
  content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 21%,transparent 82%,rgba(var(--accent-rgb),.035))
}
.services-hero-shell{display:grid;grid-template-columns:1.05fr .95fr}
.services-hero-copy{min-height:720px;align-self:center;padding:88px 20px 80px 68px;position:relative;z-index:2}
.services-hero-copy h1{max-width:820px;margin:16px 0 24px;font-size:clamp(3rem,6vw,6.15rem);line-height:.94;letter-spacing:-.068em}
.services-hero-copy>p{max-width:690px;margin:0;color:#b7afc4;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.8}
.services-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.services-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.services-stats article{min-width:145px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.023)}
.services-stats strong{display:block;font-size:1.45rem;letter-spacing:-.04em}.services-stats span{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}

.services-hero-visual{min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden}
.services-aura{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.035) 45%,transparent 70%);filter:blur(4px);animation:aura 5.2s ease-in-out infinite}
.services-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.17)}
.services-orbit::after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.12)}
.services-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.services-orbit-a{width:410px;height:410px;animation:spin 19s linear infinite}.services-orbit-a span{left:50%;top:-5px}
.services-orbit-b{width:520px;height:520px;animation:spinReverse 25s linear infinite}.services-orbit-b span{right:8%;top:23%}

.services-core{
  width:185px;height:185px;border-radius:38px;position:absolute;overflow:hidden;transform:rotate(10deg);
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.38),rgba(var(--accent-rgb),.12) 55%,rgba(255,255,255,.025));
  box-shadow:0 0 95px var(--accent-glow),inset -26px -24px 48px rgba(0,0,0,.35);
  animation:serviceCoreFloat 5.8s ease-in-out infinite
}
@keyframes serviceCoreFloat{50%{transform:rotate(4deg) translateY(-8px) scale(1.02)}}
.services-core-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:27px 27px;transform:rotate(-10deg);opacity:.5}
.services-core-glow{position:absolute;inset:24%;border-radius:28px;background:linear-gradient(135deg,var(--accent),var(--accent-2));filter:blur(7px);opacity:.58}

.service-float{
  position:absolute;min-width:170px;padding:13px 15px;border:1px solid var(--border-strong);border-radius:18px;background:rgba(9,9,15,.77);
  backdrop-filter:blur(18px);box-shadow:0 24px 60px rgba(0,0,0,.38);display:flex;align-items:center;gap:11px
}
.service-float-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}.service-float-icon svg{width:19px;height:19px}
.service-float strong{display:block;font-size:.84rem}.service-float small{display:block;color:var(--muted);font-size:.7rem;margin-top:3px}
.float-web{left:4%;top:19%;animation:statusFloat 7s ease-in-out infinite}
.float-python{right:4%;top:15%;animation:tinyFloat 6.4s ease-in-out infinite .4s}
.float-ui{left:2%;bottom:23%;animation:tinyFloat 7.1s ease-in-out infinite .8s}
.float-discord{right:5%;bottom:18%;animation:statusFloat 6.7s ease-in-out infinite .3s}

.services-hero-strip{grid-column:1/-1;min-height:66px;padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#8e8799;font-size:.77rem;font-weight:830;letter-spacing:.09em}
.services-hero-strip i{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* Filters */
.service-filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}
.service-filter{
  min-height:42px;padding:0 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);
  color:#aaa3b7;font-weight:750;cursor:pointer;transition:.22s ease
}
.service-filter:hover,.service-filter.active{color:#fff;border-color:rgba(var(--accent-rgb),.3);background:var(--accent-soft)}

/* Catalog */
.service-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.service-detail-card{
  min-height:520px;padding:27px;border:1px solid var(--border);border-radius:27px;
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));position:relative;overflow:hidden;transition:.25s ease
}
.service-detail-card.hidden{display:none}
.service-detail-card::after{content:"";position:absolute;width:185px;height:185px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);transition:.3s ease}
.service-detail-card:hover{transform:translateY(-7px);border-color:rgba(var(--accent-rgb),.25);box-shadow:0 30px 80px rgba(0,0,0,.33)}.service-detail-card:hover::after{transform:scale(1.22)}
.service-detail-card.featured{background:radial-gradient(circle at 88% 8%,var(--accent-soft),transparent 32%),linear-gradient(180deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.016));border-color:rgba(var(--accent-rgb),.2)}
.service-detail-head{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}
.service-detail-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent)}
.service-detail-head>span{color:#5f5968;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.service-detail-card h3{position:relative;z-index:2;margin:25px 0 10px;font-size:1.3rem}
.service-detail-card>p{position:relative;z-index:2;margin:0;color:var(--muted);line-height:1.7}
.service-detail-card ul{position:relative;z-index:2;list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.service-detail-card li{display:flex;gap:9px;color:#c5bdcf;font-size:.87rem}.service-detail-card li::before{content:"✓";color:var(--accent);font-weight:900}
.service-stack{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.service-stack span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.024);color:#b9b1c4;font-size:.74rem;font-weight:720}
.service-detail-card>a{position:absolute;left:27px;bottom:25px;color:#ded7e7;font-size:.86rem;font-weight:800;z-index:2}.service-detail-card>a b{color:var(--accent);margin-left:4px}

/* Deliverables */
.deliverables-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.deliverable-card{min-height:265px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));transition:.25s ease}
.deliverable-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.22)}
.deliverable-icon{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:900}
.deliverable-card h3{margin:28px 0 10px;font-size:1.1rem}.deliverable-card p{margin:0;color:var(--muted);line-height:1.65}

/* Process */
.services-process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:28px;border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.services-process article{min-height:270px;padding:22px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.018);transition:.22s ease}
.services-process article:hover{transform:translateY(-4px);border-color:rgba(var(--accent-rgb),.2)}
.services-process-number{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 28px var(--accent-glow);font-size:.7rem;font-weight:900;margin-bottom:24px}
.services-process article>span{color:var(--accent);font-size:.69rem;font-weight:900;letter-spacing:.1em}.services-process h3{margin:8px 0 9px;font-size:1.05rem}.services-process p{margin:0;color:var(--muted);line-height:1.64;font-size:.9rem}

/* Fit */
.fit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.fit-card{min-height:390px;padding:28px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014))}
.fit-card.good{background:radial-gradient(circle at 92% 8%,var(--accent-soft),transparent 30%),linear-gradient(180deg,rgba(var(--accent-rgb),.055),rgba(255,255,255,.014));border-color:rgba(var(--accent-rgb),.18)}
.fit-label{display:flex;align-items:center;gap:10px;font-weight:850}.fit-label span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}
.fit-card.neutral .fit-label span{background:rgba(245,158,11,.1);color:#f59e0b}
.fit-card ul{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:13px}.fit-card li{display:flex;gap:10px;color:#bdb5c9;line-height:1.55;font-size:.9rem}.fit-card li::before{content:"•";color:var(--accent);font-weight:900}.fit-card.neutral li::before{color:#f59e0b}

/* FAQ */
.services-faq{display:grid;gap:12px}
.services-faq details{border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.022);overflow:hidden}
.services-faq summary{list-style:none;cursor:pointer;padding:20px 22px;font-weight:790;display:flex;align-items:center;justify-content:space-between;gap:20px}
.services-faq summary::-webkit-details-marker{display:none}
.services-faq summary::after{content:"+";width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 auto;transition:.2s ease}
.services-faq details[open] summary::after{transform:rotate(45deg)}
.services-faq details p{margin:0;padding:0 22px 22px;color:var(--muted);line-height:1.7;max-width:920px}

/* CTA */
.services-cta{
  min-height:410px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:32px;padding:42px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.18),transparent 27%),linear-gradient(145deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.018));
  display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:45px;box-shadow:0 28px 85px rgba(0,0,0,.3)
}
.services-cta-visual{min-height:280px;position:relative;display:grid;place-items:center}
.services-cta-ring{position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.24);animation:spin 18s linear infinite}
.services-cta-ring::after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.14)}
.services-cta-core{width:108px;height:108px;border-radius:32px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 70px var(--accent-glow);transform:rotate(12deg);animation:serviceCoreFloat 5.4s ease-in-out infinite}
.services-cta-copy{position:relative;z-index:2}.services-cta-copy h2{margin:12px 0 14px;font-size:clamp(2.3rem,4vw,4.2rem);letter-spacing:-.055em;line-height:1}.services-cta-copy p{max-width:700px;color:var(--muted);line-height:1.72}
.services-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

@media(max-width:1060px){
  .services-hero-shell{grid-template-columns:1fr}.services-hero-copy{min-height:auto;padding:70px 48px 12px}.services-hero-visual{min-height:520px}
  .service-catalog-grid{grid-template-columns:repeat(2,1fr)}
  .deliverables-grid,.services-process{grid-template-columns:repeat(2,1fr)}
  .services-cta{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:760px){
  .services-hero-section{padding-top:24px}.services-hero-shell{border-radius:26px}.services-hero-copy{padding:52px 24px 12px}.services-hero-copy h1{font-size:clamp(2.85rem,14vw,4.35rem)}
  .services-hero-visual{min-height:430px}.services-orbit-a{width:290px;height:290px}.services-orbit-b{width:370px;height:370px}.services-core{width:135px;height:135px}.service-float{transform:scale(.88)}.float-web{left:1%;top:13%}.float-python{right:1%;top:12%}.float-ui{left:0;bottom:19%}.float-discord{right:0;bottom:15%}
  .service-catalog-grid,.deliverables-grid,.services-process,.fit-grid{grid-template-columns:1fr}
  .service-detail-card{min-height:500px}.services-process{padding:18px}
  .services-cta{padding:28px;grid-template-columns:1fr}.services-cta-visual{min-height:230px}.services-cta-actions .button{flex:1}
}
@media(max-width:480px){
  .services-hero-actions .button,.services-cta-actions .button{width:100%;flex:auto}
  .services-stats{display:grid;grid-template-columns:1fr}.services-stats article{min-width:0}
  .service-float{min-width:145px;padding:10px}.service-float small{display:none}.services-core{width:115px;height:115px}.services-orbit-a{width:250px;height:250px}.services-orbit-b{width:315px;height:315px}
}


/* =========================================================
   PORTFOLIO PAGE
   ========================================================= */
.portfolio-hero-section{padding:48px 0 0}
.portfolio-hero-shell{
  position:relative;overflow:hidden;border:1px solid var(--border);border-radius:36px;
  background:
    radial-gradient(circle at 78% 29%,rgba(var(--accent-rgb),.2),transparent 24%),
    radial-gradient(circle at 93% 72%,rgba(var(--accent-rgb),.075),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow);
  display:grid;grid-template-columns:1.05fr .95fr
}
.portfolio-hero-shell::before{
  content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 21%,transparent 82%,rgba(var(--accent-rgb),.035))
}
.portfolio-hero-copy{min-height:720px;align-self:center;padding:88px 20px 80px 68px;position:relative;z-index:2}
.portfolio-hero-copy h1{max-width:840px;margin:16px 0 24px;font-size:clamp(3rem,6vw,6.15rem);line-height:.94;letter-spacing:-.068em}
.portfolio-hero-copy>p{max-width:690px;margin:0;color:#b7afc4;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.8}
.portfolio-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.portfolio-summary{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
.portfolio-summary article{min-width:145px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.023)}
.portfolio-summary strong{display:block;font-size:1.45rem;letter-spacing:-.04em}.portfolio-summary span{display:block;color:var(--muted);font-size:.78rem;margin-top:2px}

.portfolio-hero-visual{min-height:720px;position:relative;display:grid;place-items:center;overflow:hidden}
.portfolio-aura{position:absolute;width:530px;height:530px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.035) 45%,transparent 70%);filter:blur(5px);animation:aura 5.5s ease-in-out infinite}
.portfolio-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.17)}
.portfolio-orbit::after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.12)}
.portfolio-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.orbit-pa{width:420px;height:420px;animation:spin 19s linear infinite}.orbit-pa span{top:-5px;left:50%}
.orbit-pb{width:530px;height:530px;animation:spinReverse 26s linear infinite}.orbit-pb span{right:8%;top:24%}

.portfolio-device{
  width:420px;height:300px;border:1px solid var(--border-strong);border-radius:24px;overflow:hidden;position:relative;z-index:2;
  background:rgba(8,8,13,.78);backdrop-filter:blur(16px);box-shadow:0 32px 90px rgba(0,0,0,.46);
  transform:rotate(-4deg);animation:portfolioDeviceFloat 7s ease-in-out infinite
}
@keyframes portfolioDeviceFloat{50%{transform:rotate(-1.5deg) translateY(-10px)}}
.device-top{height:42px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:7px;padding:0 13px}
.device-top span{width:8px;height:8px;border-radius:50%;background:#5e5866}.device-top span:nth-child(1){background:#ef4444}.device-top span:nth-child(2){background:#f59e0b}.device-top span:nth-child(3){background:#22c55e}
.device-ui{height:calc(100% - 42px);display:grid;grid-template-columns:70px 1fr}
.device-sidebar{border-right:1px solid var(--border);padding:16px 12px;display:grid;align-content:start;gap:11px}
.device-sidebar i{height:20px;border-radius:7px;background:rgba(var(--accent-rgb),.12)}.device-sidebar i:first-child{background:var(--accent-soft)}
.device-content{padding:18px}.device-heading{width:42%;height:14px;border-radius:999px;background:rgba(255,255,255,.16);margin-bottom:18px}
.device-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.device-cards i{height:60px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.1),rgba(255,255,255,.02))}
.device-chart{height:110px;margin-top:14px;border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;align-items:end;gap:8px}
.device-chart b{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.18))}.device-chart b:nth-child(1){height:35%}.device-chart b:nth-child(2){height:54%}.device-chart b:nth-child(3){height:42%}.device-chart b:nth-child(4){height:75%}.device-chart b:nth-child(5){height:62%}.device-chart b:nth-child(6){height:88%}

.portfolio-floating-card{
  position:absolute;min-width:150px;padding:13px 15px;border:1px solid var(--border-strong);border-radius:17px;background:rgba(9,9,15,.77);
  backdrop-filter:blur(18px);box-shadow:0 22px 58px rgba(0,0,0,.38)
}
.portfolio-floating-card>span{display:block;color:var(--accent);font-size:.68rem;font-weight:900;margin-bottom:5px}.portfolio-floating-card strong{display:block;font-size:.82rem}.portfolio-floating-card small{display:block;color:var(--muted);font-size:.68rem;margin-top:3px}
.pf-card-one{left:3%;top:17%;animation:statusFloat 7s ease-in-out infinite}.pf-card-two{right:5%;top:15%;animation:tinyFloat 6.6s ease-in-out infinite .5s}.pf-card-three{right:4%;bottom:16%;animation:statusFloat 7.3s ease-in-out infinite .8s}
.portfolio-hero-strip{grid-column:1/-1;min-height:66px;padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#8e8799;font-size:.77rem;font-weight:830;letter-spacing:.09em}
.portfolio-hero-strip i{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* Filters */
.portfolio-filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}
.portfolio-filter{
  min-height:42px;padding:0 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);
  color:#aaa3b7;font-weight:750;cursor:pointer;transition:.22s ease
}
.portfolio-filter:hover,.portfolio-filter.active{color:#fff;border-color:rgba(var(--accent-rgb),.3);background:var(--accent-soft)}

/* Project grid */
.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.project-card{
  border:1px solid var(--border);border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));
  box-shadow:0 24px 70px rgba(0,0,0,.23);transition:.25s ease
}
.project-card.hidden{display:none}
.project-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent-rgb),.24);box-shadow:0 32px 85px rgba(0,0,0,.34)}
.project-large{grid-row:span 2}
.project-wide{grid-column:span 2}
.project-visual{height:330px;position:relative;overflow:hidden;border-bottom:1px solid var(--border);background:radial-gradient(circle at 70% 30%,var(--accent-soft),transparent 30%),linear-gradient(145deg,#11111c,#09090f)}
.project-large .project-visual{height:520px}.project-wide .project-visual{height:390px}
.project-status{position:absolute;left:18px;top:18px;padding:7px 10px;border-radius:999px;border:1px solid var(--border);background:rgba(7,7,12,.72);backdrop-filter:blur(12px);font-size:.7rem;font-weight:800;color:#c7bfce}
.project-status.live{color:#bbf7d0;border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.07)}
.project-status.concept{color:#ddd6fe;border-color:rgba(var(--accent-rgb),.22);background:rgba(var(--accent-rgb),.075)}
.project-status.neutral{color:#d6d3d1}
.project-open{
  position:absolute;right:18px;bottom:18px;width:48px;height:48px;border-radius:14px;border:1px solid var(--border-strong);
  background:rgba(7,7,12,.72);backdrop-filter:blur(12px);cursor:pointer;font-size:1.1rem;display:grid;place-items:center;transition:.22s ease
}
.project-open:hover{transform:translateY(-3px) rotate(3deg);border-color:rgba(var(--accent-rgb),.36);background:var(--accent-soft)}
.project-info{padding:25px 26px 28px}.project-meta{display:flex;justify-content:space-between;gap:20px;color:#716a7b;font-size:.69rem;font-weight:900;letter-spacing:.1em}
.project-info h3{margin:13px 0 10px;font-size:1.45rem;letter-spacing:-.03em}.project-info p{margin:0;color:var(--muted);line-height:1.7}
.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.project-tags span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.022);color:#bdb4c8;font-size:.74rem;font-weight:720}

/* Visual mocks */
.mock-shell{position:absolute;inset:60px 36px 42px;border:1px solid var(--border-strong);border-radius:22px;background:rgba(7,7,12,.76);backdrop-filter:blur(14px);box-shadow:0 28px 75px rgba(0,0,0,.4);overflow:hidden}
.mock-connect{display:grid;grid-template-columns:80px 1fr 72px}
.mock-left,.mock-users{padding:16px 12px;border-right:1px solid var(--border);display:grid;align-content:start;gap:9px}.mock-users{border-right:0;border-left:1px solid var(--border)}
.mock-left i{height:22px;border-radius:7px;background:rgba(255,255,255,.05)}.mock-left i:nth-child(2){background:var(--accent-soft)}
.mock-users i{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent-soft),rgba(255,255,255,.04))}
.mock-channel{padding:20px}.mock-title{width:35%;height:13px;border-radius:999px;background:rgba(255,255,255,.17);margin-bottom:23px}.mock-message{height:38px;width:72%;border-radius:11px;background:rgba(255,255,255,.045);margin:11px 0}.mock-message.wide{width:91%;background:rgba(var(--accent-rgb),.08)}.mock-message.short{width:54%}

.mock-dashboard{position:absolute;inset:58px 38px 45px;border:1px solid var(--border-strong);border-radius:22px;background:rgba(7,7,12,.78);padding:18px;box-shadow:0 28px 75px rgba(0,0,0,.4)}
.mock-dashboard-head{display:flex;justify-content:space-between}.mock-dashboard-head span{width:34%;height:13px;border-radius:999px;background:rgba(255,255,255,.16)}.mock-dashboard-head i{width:34px;height:34px;border-radius:11px;background:var(--accent-soft)}
.mock-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.mock-stat-row b{height:58px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.08),rgba(255,255,255,.02))}
.mock-hub-chart{height:110px;margin-top:14px;border:1px solid var(--border);border-radius:12px;padding:13px;display:flex;align-items:end;gap:8px}.mock-hub-chart i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(var(--accent),rgba(var(--accent-rgb),.16))}

.mock-erp{position:absolute;inset:50px 32px 40px;border:1px solid var(--border-strong);border-radius:21px;background:rgba(7,7,12,.78);display:grid;grid-template-columns:72px 1fr;overflow:hidden}
.mock-erp-nav{border-right:1px solid var(--border);padding:15px 11px;display:grid;align-content:start;gap:10px}.mock-erp-nav i{height:20px;border-radius:7px;background:rgba(255,255,255,.045)}.mock-erp-nav i:first-child{background:var(--accent-soft)}
.mock-erp-main{padding:18px}.mock-erp-top{width:42%;height:13px;border-radius:999px;background:rgba(255,255,255,.16);margin-bottom:17px}.mock-erp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mock-erp-grid b{height:82px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.018))}

.mock-browser{position:absolute;inset:45px 70px;border:1px solid var(--border-strong);border-radius:22px;background:rgba(7,7,12,.8);overflow:hidden;box-shadow:0 30px 75px rgba(0,0,0,.42)}
.mock-browser-top{height:40px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 13px}.mock-browser-top i{width:8px;height:8px;border-radius:50%;background:#5f5967}.mock-browser-top span{width:42%;height:10px;border-radius:999px;background:rgba(255,255,255,.05);margin-left:12px}
.mock-browser-hero{height:calc(100% - 40px);display:grid;grid-template-columns:1fr 1fr;padding:26px;align-items:center}.mock-browser-copy{display:grid;gap:10px}.mock-browser-copy b{height:18px;border-radius:999px;background:rgba(255,255,255,.17)}.mock-browser-copy b:nth-child(2){width:72%}.mock-browser-copy i{height:11px;border-radius:999px;background:rgba(255,255,255,.06)}.mock-browser-copy i:last-child{width:62%}.mock-browser-orb{width:140px;height:140px;border-radius:50%;justify-self:center;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 18%),linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 60px var(--accent-glow)}

.mock-command-panel{position:absolute;inset:52px 42px 40px;border:1px solid var(--border-strong);border-radius:21px;background:rgba(7,7,12,.78);padding:18px}.mock-command-head{width:40%;height:13px;border-radius:999px;background:rgba(255,255,255,.15)}.mock-command-line{height:46px;border:1px solid rgba(var(--accent-rgb),.17);border-radius:12px;background:rgba(var(--accent-rgb),.055);margin-top:18px;display:flex;align-items:center;padding:0 12px;gap:9px;color:var(--accent);font-weight:900}.mock-command-line i{width:55%;height:10px;border-radius:999px;background:rgba(255,255,255,.08)}.mock-command-card{height:66px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025);margin-top:12px}.mock-command-card.small{width:72%;height:48px}

.mock-auth-window{position:absolute;width:260px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--border-strong);border-radius:22px;background:rgba(7,7,12,.8);padding:24px;box-shadow:0 28px 70px rgba(0,0,0,.4)}.mock-auth-logo{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));margin:auto}.mock-auth-title{width:45%;height:12px;border-radius:999px;background:rgba(255,255,255,.15);margin:18px auto}.mock-auth-field{height:38px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.02);margin-top:10px}.mock-auth-button{height:40px;border-radius:11px;background:linear-gradient(135deg,var(--accent),var(--accent-2));margin-top:14px}

/* Principles */
.portfolio-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.portfolio-principles article{min-height:250px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));transition:.25s ease}
.portfolio-principles article:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.22)}
.portfolio-principles article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:900}
.portfolio-principles h3{margin:28px 0 10px;font-size:1.12rem}.portfolio-principles p{margin:0;color:var(--muted);line-height:1.64}

/* CTA */
.portfolio-cta{
  min-height:420px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:32px;padding:42px;overflow:hidden;position:relative;
  background:radial-gradient(circle at 20% 50%,rgba(var(--accent-rgb),.18),transparent 27%),linear-gradient(145deg,rgba(var(--accent-rgb),.07),rgba(255,255,255,.018));
  display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:45px;box-shadow:0 28px 85px rgba(0,0,0,.3)
}
.portfolio-cta-art{min-height:290px;position:relative;display:grid;place-items:center}.portfolio-cta-ring{position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.24);animation:spin 18s linear infinite}
.portfolio-cta-card{position:absolute;width:120px;height:82px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.19),rgba(255,255,255,.02));box-shadow:0 20px 45px rgba(0,0,0,.26)}
.cta-card-a{transform:translate(-45px,-28px) rotate(-12deg)}.cta-card-b{transform:translate(40px,18px) rotate(10deg)}.cta-card-c{width:90px;height:62px;transform:translate(-8px,70px) rotate(-3deg);background:linear-gradient(135deg,var(--accent),var(--accent-2));opacity:.75}
.portfolio-cta-copy{position:relative;z-index:2}.portfolio-cta-copy h2{margin:12px 0 14px;font-size:clamp(2.3rem,4vw,4.2rem);letter-spacing:-.055em;line-height:1}.portfolio-cta-copy p{max-width:700px;color:var(--muted);line-height:1.72}.portfolio-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* Modal */
.project-modal{position:fixed;inset:0;z-index:300;display:none;align-items:center;justify-content:center;padding:20px}
.project-modal.open{display:flex}
.project-modal-backdrop{position:absolute;inset:0;background:rgba(2,2,5,.78);backdrop-filter:blur(16px)}
.project-modal-card{
  width:min(980px,100%);max-height:92vh;overflow:auto;position:relative;z-index:2;border:1px solid var(--border-strong);border-radius:30px;
  background:radial-gradient(circle at 90% 0%,rgba(var(--accent-rgb),.12),transparent 28%),#0a0a10;
  box-shadow:0 40px 130px rgba(0,0,0,.66);animation:modalPop .24s cubic-bezier(.2,.8,.2,1)
}
.project-modal-top{padding:26px 28px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.project-modal-top h2{margin:8px 0 0;font-size:2rem;letter-spacing:-.04em}
.project-modal-close{width:43px;height:43px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.025);cursor:pointer;font-size:1.2rem}
.project-modal-preview{height:310px;margin:24px 28px 0;border:1px solid var(--border);border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,var(--accent-soft),transparent 28%),linear-gradient(145deg,#12121d,#09090f)}
.project-modal-preview-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:38px 38px}
.project-modal-preview-orb{position:absolute;width:210px;height:210px;border-radius:50%;right:12%;top:50%;transform:translateY(-50%);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 18%),linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 80px var(--accent-glow)}
.project-modal-preview-card{position:absolute;width:330px;left:8%;top:50%;transform:translateY(-50%) rotate(-3deg);border:1px solid var(--border-strong);border-radius:20px;background:rgba(7,7,12,.76);padding:20px;box-shadow:0 25px 65px rgba(0,0,0,.4)}
.project-modal-preview-card i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5c5664;margin-right:4px}.project-modal-preview-card b{display:block;height:11px;border-radius:999px;background:rgba(var(--accent-rgb),.2);margin-top:12px}.project-modal-preview-card b:nth-of-type(2){width:72%}.project-modal-preview-card b:nth-of-type(3){width:52%}
.project-modal-content{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;padding:28px}.project-modal-section{margin-bottom:26px}.project-modal-section>span,.project-side-group>span{display:block;color:var(--accent);font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}
.project-modal-section p{margin:0;color:var(--muted);line-height:1.75}.project-modal-section ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.project-modal-section li{color:#c8c0d1;display:flex;gap:9px;line-height:1.55}.project-modal-section li::before{content:"✓";color:var(--accent);font-weight:900}
.project-modal-side{border-left:1px solid var(--border);padding-left:28px}.project-side-group{margin-bottom:22px}.project-side-group strong{font-size:.95rem}
.project-modal-tags{display:flex;gap:7px;flex-wrap:wrap}.project-modal-tags span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.022);color:#bdb4c8;font-size:.74rem;font-weight:720}
.project-modal-actions{display:grid;gap:9px;margin-top:28px}.project-modal-actions .button{width:100%}.project-modal-actions a[aria-disabled="true"]{opacity:.5;pointer-events:none}

@media(max-width:1060px){
  .portfolio-hero-shell{grid-template-columns:1fr}.portfolio-hero-copy{min-height:auto;padding:70px 48px 12px}.portfolio-hero-visual{min-height:520px}
  .projects-grid{grid-template-columns:1fr 1fr}.project-large{grid-row:auto}.project-wide{grid-column:span 2}
  .portfolio-principles{grid-template-columns:repeat(2,1fr)}.portfolio-cta{grid-template-columns:.8fr 1.2fr}
}
@media(max-width:760px){
  .portfolio-hero-section{padding-top:24px}.portfolio-hero-shell{border-radius:26px}.portfolio-hero-copy{padding:52px 24px 12px}.portfolio-hero-copy h1{font-size:clamp(2.85rem,14vw,4.35rem)}
  .portfolio-hero-visual{min-height:430px}.orbit-pa{width:290px;height:290px}.orbit-pb{width:370px;height:370px}.portfolio-device{width:330px;height:240px}.pf-card-one{left:1%;top:11%}.pf-card-two{right:1%;top:12%}.pf-card-three{right:2%;bottom:12%}
  .projects-grid{grid-template-columns:1fr}.project-wide{grid-column:auto}.project-visual,.project-large .project-visual,.project-wide .project-visual{height:330px}
  .portfolio-principles{grid-template-columns:1fr}.portfolio-cta{padding:28px;grid-template-columns:1fr}.portfolio-cta-art{min-height:230px}.portfolio-cta-actions .button{flex:1}
  .project-modal-content{grid-template-columns:1fr}.project-modal-side{border-left:0;border-top:1px solid var(--border);padding:24px 0 0}.project-modal-preview{height:250px}.project-modal-preview-card{width:250px}.project-modal-preview-orb{width:150px;height:150px}
}
@media(max-width:480px){
  .portfolio-hero-actions .button,.portfolio-cta-actions .button{width:100%;flex:auto}.portfolio-summary{display:grid;grid-template-columns:1fr}.portfolio-summary article{min-width:0}
  .portfolio-device{width:280px;height:210px}.portfolio-floating-card{min-width:128px;padding:10px}.portfolio-floating-card small{display:none}.project-visual,.project-large .project-visual,.project-wide .project-visual{height:290px}
  .mock-shell,.mock-dashboard,.mock-erp,.mock-command-panel{inset:48px 18px 35px}.mock-browser{inset:42px 18px}.mock-auth-window{width:220px}
  .project-modal{padding:10px}.project-modal-card{border-radius:22px}.project-modal-preview{margin:20px 18px 0}.project-modal-top,.project-modal-content{padding-left:18px;padding-right:18px}.project-modal-preview-card{left:6%;width:210px}.project-modal-preview-orb{right:2%}
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */
.contact-hero-section{padding:48px 0 0}
.contact-hero-shell{
  position:relative;overflow:hidden;border:1px solid var(--border);border-radius:36px;
  background:
    radial-gradient(circle at 78% 29%,rgba(var(--accent-rgb),.2),transparent 24%),
    radial-gradient(circle at 93% 72%,rgba(var(--accent-rgb),.075),transparent 22%),
    linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow);display:grid;grid-template-columns:1.05fr .95fr
}
.contact-hero-shell::before{
  content:"";position:absolute;inset:1px;border-radius:35px;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 21%,transparent 82%,rgba(var(--accent-rgb),.035))
}
.contact-hero-copy{min-height:710px;align-self:center;padding:88px 20px 78px 68px;position:relative;z-index:2}
.contact-hero-copy h1{max-width:840px;margin:16px 0 24px;font-size:clamp(3rem,6vw,6.1rem);line-height:.94;letter-spacing:-.068em}
.contact-hero-copy>p{max-width:690px;margin:0;color:#b7afc4;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.8}
.contact-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.contact-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:40px}
.contact-trust-row article{min-height:110px;padding:15px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.023);transition:.22s ease}
.contact-trust-row article:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.23)}
.contact-trust-row article>span{color:var(--accent);font-size:.68rem;font-weight:900}.contact-trust-row strong{display:block;margin:9px 0 4px;font-size:.86rem}.contact-trust-row small{display:block;color:var(--muted);font-size:.73rem;line-height:1.45}

.contact-hero-visual{min-height:710px;position:relative;display:grid;place-items:center;overflow:hidden}
.contact-aura{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.035) 45%,transparent 70%);filter:blur(5px);animation:aura 5.5s ease-in-out infinite}
.contact-orbit{position:absolute;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.17)}
.contact-orbit::after{content:"";position:absolute;inset:13%;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.12)}
.contact-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent-glow)}
.contact-orbit-a{width:410px;height:410px;animation:spin 19s linear infinite}.contact-orbit-a span{top:-5px;left:50%}
.contact-orbit-b{width:520px;height:520px;animation:spinReverse 26s linear infinite}.contact-orbit-b span{right:8%;top:24%}

.mail-core{
  width:190px;height:155px;border:1px solid var(--border-strong);border-radius:35px;position:relative;z-index:2;
  background:linear-gradient(145deg,rgba(var(--accent-rgb),.26),rgba(var(--accent-rgb),.08) 55%,rgba(255,255,255,.025));
  box-shadow:0 0 95px var(--accent-glow),inset -25px -20px 45px rgba(0,0,0,.27);
  display:grid;place-items:center;transform:rotate(-5deg);animation:mailFloat 6s ease-in-out infinite
}
@keyframes mailFloat{50%{transform:translateY(-9px) rotate(1deg)}}
.mail-envelope{width:112px;height:78px;border:2px solid rgba(255,255,255,.55);border-radius:13px;position:relative;overflow:hidden}
.mail-flap{position:absolute;width:80px;height:80px;left:50%;top:-49px;transform:translateX(-50%) rotate(45deg);border:2px solid rgba(255,255,255,.48);background:rgba(var(--accent-rgb),.12)}
.mail-line{position:absolute;height:5px;border-radius:999px;background:rgba(255,255,255,.21);left:14px}.mail-line.l1{width:48px;bottom:24px}.mail-line.l2{width:70px;bottom:14px}.mail-line.l3{width:38px;bottom:4px}

.contact-float{
  position:absolute;min-width:175px;padding:13px 15px;border:1px solid var(--border-strong);border-radius:18px;background:rgba(9,9,15,.77);
  backdrop-filter:blur(18px);box-shadow:0 22px 58px rgba(0,0,0,.38);display:flex;align-items:center;gap:11px
}
.contact-float>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:900}
.contact-float strong{display:block;font-size:.82rem}.contact-float small{display:block;color:var(--muted);font-size:.69rem;margin-top:3px}
.cf-one{left:3%;top:17%;animation:statusFloat 7s ease-in-out infinite}.cf-two{right:4%;top:16%;animation:tinyFloat 6.6s ease-in-out infinite .4s}.cf-three{right:5%;bottom:17%;animation:statusFloat 7.2s ease-in-out infinite .7s}
.contact-hero-strip{grid-column:1/-1;min-height:66px;padding:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#8e8799;font-size:.77rem;font-weight:830;letter-spacing:.09em}
.contact-hero-strip i{width:4px;height:4px;border-radius:50%;background:var(--accent)}

/* Main form */
.contact-main-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:22px}
.contact-info-panel,.contact-form-panel{
  border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));
  box-shadow:0 24px 70px rgba(0,0,0,.23)
}
.contact-info-panel{padding:30px;display:flex;flex-direction:column;min-height:720px}
.availability-badge{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:8px 12px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:999px;background:var(--accent-soft);color:#d8d1e2;font-size:.76rem;font-weight:800}
.availability-badge i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow)}
.contact-info-top h3{margin:20px 0 12px;font-size:2rem;letter-spacing:-.045em}.contact-info-top p{margin:0;color:var(--muted);line-height:1.7}
.contact-direct-list{display:grid;gap:12px;margin-top:30px}
.contact-direct-list article{min-height:88px;padding:15px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:14px;transition:.22s ease}
.contact-direct-list article:hover{transform:translateX(4px);border-color:rgba(var(--accent-rgb),.2)}
.contact-direct-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);flex:0 0 auto}.contact-direct-icon svg{width:20px;height:20px}
.contact-direct-list article span{display:block;color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.contact-direct-list article strong{display:block;font-size:.87rem;margin-top:3px}.contact-direct-list article small{display:block;color:var(--muted);font-size:.72rem;margin-top:3px}
.contact-security-note{margin-top:auto;padding:17px;border:1px solid rgba(var(--accent-rgb),.15);border-radius:18px;background:rgba(var(--accent-rgb),.05);display:flex;gap:13px;align-items:flex-start}.contact-security-note svg{color:var(--accent);flex:0 0 auto}.contact-security-note strong{display:block;font-size:.85rem}.contact-security-note span{display:block;color:var(--muted);font-size:.77rem;line-height:1.5;margin-top:4px}

.contact-form-panel{padding:28px}
.contact-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--border)}
.contact-form-heading>div>span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:.11em}.contact-form-heading h3{margin:7px 0 0;font-size:1.65rem;letter-spacing:-.035em}
.contact-step-badge{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02);color:#968fa1;font-size:.68rem;font-weight:800}

.contact-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:22px}
.contact-field{display:grid;gap:8px}.contact-field.full{grid-column:1/-1}
.contact-field label,.contact-message-label label{font-size:.82rem;font-weight:780;color:#c9c2d2}.contact-field label b,.contact-message-label b,.contact-consent b{color:var(--accent)}
.contact-field input,.contact-field select,.contact-field textarea{
  width:100%;min-height:54px;border:1px solid var(--border);border-radius:14px;background:#09090f;color:#f7f4ff;padding:0 15px;outline:none;transition:.2s ease
}
.contact-field textarea{min-height:180px;padding-top:14px;resize:vertical;line-height:1.6}
.contact-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#777080 50%),linear-gradient(135deg,#777080 50%,transparent 50%);background-position:calc(100% - 18px) 23px,calc(100% - 13px) 23px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:rgba(var(--accent-rgb),.48);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.075)}
.contact-field input.invalid,.contact-field select.invalid,.contact-field textarea.invalid{border-color:rgba(239,68,68,.48);box-shadow:0 0 0 4px rgba(239,68,68,.055)}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#5f5967}
.field-error{min-height:14px;color:#fca5a5;font-size:.7rem}.contact-message-label{display:flex;justify-content:space-between;gap:14px;align-items:center}.contact-message-label>span{color:#696271;font-size:.72rem}

.contact-consent{display:flex;gap:11px;align-items:flex-start;margin-top:17px;color:#9891a2;font-size:.78rem;line-height:1.55;cursor:pointer}.contact-consent input{width:17px;height:17px;margin-top:2px;accent-color:var(--accent);flex:0 0 auto}
.contact-submit-row{margin-top:23px;padding-top:22px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}
.contact-form-status{display:flex;gap:10px;align-items:flex-start}.status-dot{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent-glow);flex:0 0 auto}.contact-form-status strong{display:block;font-size:.82rem}.contact-form-status small{display:block;color:var(--muted);font-size:.71rem;margin-top:3px}
.contact-form-status.sending .status-dot{animation:livePulse 1s infinite}.contact-form-status.success .status-dot{background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.4)}.contact-form-status.error .status-dot{background:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.4)}
.contact-submit-button[disabled]{opacity:.58;cursor:not-allowed;transform:none}

/* Flow */
.contact-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-flow article{min-height:220px;padding:24px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.014));display:flex;gap:16px;transition:.22s ease}
.contact-flow article:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.22)}
.contact-flow article>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:.68rem;font-weight:900;flex:0 0 auto}
.contact-flow strong{display:block;font-size:1rem;margin:7px 0 8px}.contact-flow p{margin:0;color:var(--muted);line-height:1.65;font-size:.86rem}

/* FAQ */
.contact-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}
.contact-faq-intro h2{margin:12px 0 12px;font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em}.contact-faq-intro p{color:var(--muted);line-height:1.7}

@media(max-width:1060px){
  .contact-hero-shell{grid-template-columns:1fr}.contact-hero-copy{min-height:auto;padding:70px 48px 12px}.contact-hero-visual{min-height:520px}
  .contact-main-grid{grid-template-columns:1fr}.contact-info-panel{min-height:auto}.contact-security-note{margin-top:28px}
  .contact-faq-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .contact-hero-section{padding-top:24px}.contact-hero-shell{border-radius:26px}.contact-hero-copy{padding:52px 24px 12px}.contact-hero-copy h1{font-size:clamp(2.85rem,14vw,4.35rem)}
  .contact-trust-row{grid-template-columns:1fr}.contact-hero-visual{min-height:430px}.contact-orbit-a{width:290px;height:290px}.contact-orbit-b{width:370px;height:370px}.mail-core{width:145px;height:120px}.mail-envelope{transform:scale(.8)}
  .contact-float{min-width:145px;padding:10px}.contact-float small{display:none}.cf-one{left:1%;top:12%}.cf-two{right:1%;top:12%}.cf-three{right:2%;bottom:13%}
  .contact-info-panel,.contact-form-panel{padding:22px}.contact-field-grid{grid-template-columns:1fr}.contact-field.full{grid-column:auto}
  .contact-submit-row{align-items:stretch;flex-direction:column}.contact-submit-button{width:100%}
  .contact-flow{grid-template-columns:1fr}
}
@media(max-width:480px){
  .contact-hero-actions .button{width:100%}.contact-form-heading{flex-direction:column}.contact-step-badge{width:max-content}
}


/* =========================================================
   PORTFOLIO EMPTY STATE + ADMIN PROJECT MANAGEMENT
   ========================================================= */
.empty-project-device{
  width:420px;height:300px;border:1px solid var(--border-strong);border-radius:25px;position:relative;z-index:2;overflow:hidden;
  background:rgba(8,8,13,.76);backdrop-filter:blur(16px);box-shadow:0 32px 90px rgba(0,0,0,.45);
  transform:rotate(-3deg);animation:portfolioDeviceFloat 7s ease-in-out infinite
}
.empty-device-top{height:43px;border-bottom:1px solid var(--border);display:flex;gap:7px;align-items:center;padding:0 14px}
.empty-device-top i{width:8px;height:8px;border-radius:50%;background:#5f5967}.empty-device-top i:nth-child(1){background:#ef4444}.empty-device-top i:nth-child(2){background:#f59e0b}.empty-device-top i:nth-child(3){background:#22c55e}
.empty-device-content{height:calc(100% - 43px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}
.empty-device-icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.2);color:var(--accent);font-size:1.7rem}
.empty-device-title{width:42%;height:13px;border-radius:999px;background:rgba(255,255,255,.15);margin-top:21px}
.empty-device-copy{width:68%;height:9px;border-radius:999px;background:rgba(255,255,255,.055);margin-top:12px}.empty-device-copy.short{width:49%;margin-top:8px}

.portfolio-projects-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}
.portfolio-projects-head h2{margin:12px 0 0;font-size:clamp(2.3rem,4vw,4.25rem);line-height:1;letter-spacing:-.055em}
.admin-project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.admin-project-grid:empty{display:none}
.portfolio-empty-state{
  min-height:490px;border:1px solid var(--border);border-radius:30px;
  background:radial-gradient(circle at 20% 50%,var(--accent-soft),transparent 26%),linear-gradient(145deg,rgba(255,255,255,.036),rgba(255,255,255,.014));
  display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:center;padding:38px;box-shadow:0 25px 75px rgba(0,0,0,.24)
}
.portfolio-empty-art{min-height:310px;position:relative;display:grid;place-items:center}
.portfolio-empty-ring{position:absolute;width:250px;height:250px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.23);animation:spin 18s linear infinite}
.portfolio-empty-ring::after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.13)}
.portfolio-empty-core{width:110px;height:110px;border-radius:34px;display:grid;place-items:center;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 70px var(--accent-glow);transform:rotate(11deg);animation:serviceCoreFloat 5.4s ease-in-out infinite}
.portfolio-empty-core span{font-size:2rem;transform:rotate(-11deg)}
.portfolio-empty-copy h3{margin:12px 0 12px;font-size:2rem;letter-spacing:-.04em}.portfolio-empty-copy p{max-width:720px;color:var(--muted);line-height:1.75;margin-bottom:24px}

.dynamic-project-card{
  min-height:340px;padding:27px;border:1px solid var(--border);border-radius:27px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.015));
  position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.23);transition:.24s ease
}
.dynamic-project-card::after{content:"";position:absolute;width:200px;height:200px;right:-85px;top:-85px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}
.dynamic-project-card:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.23)}
.dynamic-project-meta{position:relative;z-index:2;display:flex;justify-content:space-between;gap:20px;color:#736c7c;font-size:.69rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.dynamic-project-card h3{position:relative;z-index:2;margin:42px 0 10px;font-size:1.6rem;letter-spacing:-.035em}.dynamic-project-card p{position:relative;z-index:2;color:var(--muted);line-height:1.7}
.dynamic-project-tags{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.dynamic-project-tags span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.022);color:#bdb4c8;font-size:.73rem;font-weight:720}
.dynamic-project-links{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.dynamic-project-links a{font-size:.79rem}
.dynamic-project-delete{position:absolute;right:19px;bottom:19px;width:40px;height:40px;border-radius:12px;border:1px solid rgba(239,68,68,.2);background:rgba(239,68,68,.06);color:#fca5a5;cursor:pointer;z-index:3}

.admin-project-modal{position:fixed;inset:0;z-index:320;display:none;align-items:center;justify-content:center;padding:20px}.admin-project-modal.open{display:flex}
.admin-project-backdrop{position:absolute;inset:0;background:rgba(2,2,5,.78);backdrop-filter:blur(16px)}
.admin-project-dialog{width:min(850px,100%);max-height:92vh;overflow:auto;position:relative;z-index:2;border:1px solid var(--border-strong);border-radius:30px;background:radial-gradient(circle at 90% 0%,rgba(var(--accent-rgb),.12),transparent 28%),#0a0a10;box-shadow:0 40px 130px rgba(0,0,0,.66);animation:modalPop .24s cubic-bezier(.2,.8,.2,1)}
.admin-project-dialog-head{padding:26px 28px 0;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.admin-project-dialog-head h2{margin:8px 0 5px;font-size:2rem;letter-spacing:-.04em}.admin-project-dialog-head p{margin:0;color:var(--muted);font-size:.85rem}
.admin-project-form{padding:28px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.admin-form-grid .full{grid-column:1/-1}
.admin-project-form-note{margin-top:18px;padding:14px;border:1px solid rgba(245,158,11,.16);border-radius:15px;background:rgba(245,158,11,.045);color:#b9b0a0;font-size:.78rem;line-height:1.55}
.admin-project-form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}

@media(max-width:760px){
  .portfolio-projects-head{align-items:flex-start;flex-direction:column}.portfolio-empty-state{grid-template-columns:1fr;padding:26px}.portfolio-empty-art{min-height:240px}
  .admin-project-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:auto}
}


/* =========================================================
   LEGAL PAGES
   ========================================================= */
.legal-hero{padding:48px 0 0}
.legal-hero-shell{
  min-height:430px;border:1px solid var(--border);border-radius:34px;padding:58px;
  background:radial-gradient(circle at 86% 25%,rgba(var(--accent-rgb),.18),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));
  box-shadow:var(--shadow);position:relative;overflow:hidden
}
.legal-hero-shell::after{content:"";position:absolute;width:360px;height:360px;right:-120px;bottom:-150px;border-radius:50%;border:1px dashed rgba(var(--accent-rgb),.18);box-shadow:0 0 0 50px rgba(var(--accent-rgb),.018)}
.legal-hero h1{max-width:900px;margin:14px 0 18px;font-size:clamp(3rem,6vw,5.8rem);line-height:.95;letter-spacing:-.065em}.legal-hero p{max-width:800px;color:var(--muted);line-height:1.75;font-size:1rem}
.legal-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.legal-meta span{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.022);color:#aaa2b6;font-size:.76rem;font-weight:730}

.legal-layout{display:grid;grid-template-columns:280px 1fr;gap:26px;padding-top:70px}
.legal-toc{position:sticky;top:105px;align-self:start;border:1px solid var(--border);border-radius:22px;padding:18px;background:rgba(10,10,16,.72);backdrop-filter:blur(15px);max-height:calc(100vh - 130px);overflow:auto}
.legal-toc strong{display:block;margin-bottom:12px;font-size:.88rem}.legal-toc nav{display:grid;gap:4px}.legal-toc a{padding:8px 10px;border-radius:10px;color:#8f8899;font-size:.78rem;line-height:1.35}.legal-toc a:hover{color:#fff;background:var(--accent-soft)}
.legal-content{min-width:0}
.legal-alert{padding:18px 20px;border:1px solid rgba(245,158,11,.17);border-radius:18px;background:rgba(245,158,11,.045);color:#c1b8a8;line-height:1.65;margin-bottom:20px}.legal-alert strong{color:#f8f2e6}
.legal-card{border:1px solid var(--border);border-radius:24px;padding:28px;background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.014));margin-bottom:16px;scroll-margin-top:105px}
.legal-card h2{margin:0 0 16px;font-size:1.65rem;letter-spacing:-.035em}.legal-card h3{margin:25px 0 10px;font-size:1.06rem}.legal-card p,.legal-card li{color:#a8a0b2;line-height:1.76;font-size:.91rem}.legal-card p:last-child{margin-bottom:0}.legal-card ul,.legal-card ol{padding-left:21px}.legal-card li{margin:7px 0}
.legal-placeholder{display:inline-block;padding:2px 6px;border:1px solid rgba(239,68,68,.16);border-radius:7px;background:rgba(239,68,68,.045);color:#f0b4b4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82em}
.legal-table-wrap{overflow:auto;margin:16px 0}.legal-table{width:100%;border-collapse:collapse;min-width:650px}.legal-table th,.legal-table td{padding:12px 13px;border:1px solid var(--border);text-align:left;vertical-align:top;font-size:.83rem;line-height:1.55}.legal-table th{background:rgba(var(--accent-rgb),.06);color:#ddd6e7}.legal-table td{color:#9f97aa}
.legal-footer-note{margin-top:25px;color:#6e6778;font-size:.78rem;line-height:1.6}

@media(max-width:960px){.legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:auto;max-height:none}.legal-hero-shell{padding:42px}}
@media(max-width:600px){.legal-hero{padding-top:24px}.legal-hero-shell{padding:28px;border-radius:26px}.legal-card{padding:21px}}

/* REAL AUTH PAGES */

.auth-page{min-height:calc(100vh - 78px);padding:55px 0 80px;display:grid;place-items:center}
.auth-shell{width:min(1020px,calc(100% - 24px));display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--border);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));box-shadow:var(--shadow)}
.auth-art{min-height:650px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,var(--accent-soft),transparent 32%),linear-gradient(145deg,#0c0c14,#07070c);border-right:1px solid var(--border);overflow:hidden}
.auth-art::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.2);box-shadow:0 0 0 55px rgba(var(--accent-rgb),.018),0 0 0 110px rgba(var(--accent-rgb),.012)}
.auth-core{width:120px;height:120px;border-radius:35px;background:linear-gradient(145deg,var(--accent),var(--accent-2));box-shadow:0 0 85px var(--accent-glow);position:relative;z-index:2;transform:rotate(12deg)}
.auth-art-copy{position:absolute;left:30px;right:30px;bottom:30px;z-index:3}.auth-art-copy h2{margin:10px 0 8px;font-size:2rem;letter-spacing:-.04em}.auth-art-copy p{color:var(--muted);line-height:1.6}
.auth-panel{padding:44px}.auth-panel h1{margin:12px 0 8px;font-size:2.4rem;letter-spacing:-.05em}.auth-panel>p{color:var(--muted);line-height:1.6;margin-bottom:26px}
.auth-form{display:grid;gap:15px}.auth-field{display:grid;gap:8px}.auth-field label{font-size:.82rem;font-weight:780;color:#c8c1d2}.auth-field input{min-height:54px;border:1px solid var(--border);border-radius:14px;background:#09090f;color:#fff;padding:0 15px;outline:none}.auth-field input:focus{border-color:rgba(var(--accent-rgb),.45);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.07)}
.auth-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}.auth-links a:hover{color:#fff}
.auth-message{display:none;padding:12px 14px;border:1px solid var(--border);border-radius:13px;font-size:.84rem;line-height:1.5}.auth-message.show{display:block}.auth-message.error{color:#fecaca;border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.06)}.auth-message.success{color:#bbf7d0;border-color:rgba(34,197,94,.2);background:rgba(34,197,94,.06)}
@media(max-width:820px){.auth-shell{grid-template-columns:1fr}.auth-art{min-height:300px;border-right:0;border-bottom:1px solid var(--border)}.auth-panel{padding:28px}}

/* REAL ACCOUNT DASHBOARD */

.account-page{padding:58px 0 90px}
.account-dashboard{display:grid;grid-template-columns:320px 1fr;gap:22px}
.account-sidebar,.account-content-card{border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.014));box-shadow:0 24px 70px rgba(0,0,0,.22)}
.account-sidebar{padding:26px;align-self:start;position:sticky;top:102px}
.account-avatar-large{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 18px 44px var(--accent-glow);font-size:1.35rem;font-weight:900}
.account-sidebar h2{margin:18px 0 5px;font-size:1.5rem;letter-spacing:-.04em}.account-sidebar>p{margin:0;color:var(--muted);font-size:.84rem;word-break:break-word}
.account-role{display:inline-flex;margin-top:15px;padding:7px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.18);color:var(--accent);font-size:.72rem;font-weight:900;text-transform:uppercase}
.account-menu-list{display:grid;gap:7px;margin-top:26px;padding-top:20px;border-top:1px solid var(--border)}.account-menu-list a,.account-menu-list button{min-height:43px;border:0;border-radius:12px;background:transparent;color:#b9b2c3;text-align:left;padding:0 11px;cursor:pointer;font-weight:720}.account-menu-list a:hover,.account-menu-list button:hover{background:rgba(255,255,255,.035);color:#fff}.account-menu-list button{color:#fca5a5}
.account-main{display:grid;gap:18px}.account-content-card{padding:28px}.account-content-card h3{margin:7px 0 6px;font-size:1.5rem;letter-spacing:-.035em}.account-content-card>p{margin:0 0 22px;color:var(--muted);line-height:1.6}
.account-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.account-info{padding:16px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.02)}.account-info span{display:block;color:#777080;font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.account-info strong{display:block;margin-top:6px;font-size:.9rem;word-break:break-word}
@media(max-width:900px){.account-dashboard{grid-template-columns:1fr}.account-sidebar{position:relative;top:auto}.account-info-grid{grid-template-columns:1fr}}


/* =========================================================
   COOKIE CONSENT
   ========================================================= */
.cookie-settings-fab{
  position:fixed;left:18px;bottom:18px;z-index:210;width:auto;min-height:42px;padding:0 13px;border:1px solid var(--border-strong);
  border-radius:999px;background:rgba(9,9,15,.82);backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(0,0,0,.32);
  color:#c9c2d2;display:none;align-items:center;gap:8px;cursor:pointer;font-size:.75rem;font-weight:780
}
.cookie-settings-fab.visible{display:flex}.cookie-settings-fab svg{width:16px;height:16px;color:var(--accent)}
.cookie-consent-layer{position:fixed;inset:0;z-index:400;display:none;align-items:flex-end;justify-content:center;padding:20px;pointer-events:none}
.cookie-consent-layer::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(2,2,5,.68),transparent 55%);pointer-events:none}
.cookie-consent-layer.open{display:flex}
.cookie-consent-card{
  width:min(880px,100%);position:relative;pointer-events:auto;overflow:hidden;border:1px solid var(--border-strong);border-radius:28px;
  background:rgba(9,9,15,.96);backdrop-filter:blur(24px);box-shadow:0 36px 110px rgba(0,0,0,.58);padding:25px;animation:cookieRise .36s cubic-bezier(.2,.8,.2,1)
}
@keyframes cookieRise{from{opacity:0;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}
.cookie-card-glow{position:absolute;width:290px;height:290px;right:-100px;top:-130px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 70%);pointer-events:none}
.cookie-card-head{display:flex;align-items:center;gap:15px;position:relative;z-index:2}
.cookie-visual{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);place-content:center;gap:5px;box-shadow:0 14px 34px var(--accent-glow)}
.cookie-visual span{width:7px;height:7px;border-radius:50%;background:#fff}.cookie-visual span:last-child{grid-column:2}
.cookie-kicker{display:block;color:var(--accent);font-size:.67rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.cookie-card-head h2{margin:4px 0 0;font-size:1.55rem;letter-spacing:-.04em}
.cookie-main-view>p{position:relative;z-index:2;margin:17px 0 15px;color:#aaa2b6;line-height:1.65;font-size:.87rem}
.cookie-summary-row{position:relative;z-index:2;display:flex;gap:9px;flex-wrap:wrap}.cookie-summary-row>div{padding:8px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:7px;color:#aaa3b5;font-size:.73rem;font-weight:720}
.cookie-state{width:7px;height:7px;border-radius:50%;background:#63606a}.cookie-state.active{background:#22c55e}.cookie-state.preference{background:var(--accent)}
.cookie-actions{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:20px}.cookie-actions .button{min-height:44px;font-size:.8rem}
.cookie-privacy-link{position:relative;z-index:2;display:inline-block;margin-top:13px;color:#7f788a;font-size:.73rem}.cookie-privacy-link:hover{color:#fff}

.cookie-custom-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.cookie-back-button{border:0;background:transparent;color:#a8a1b3;cursor:pointer;padding:7px 0;font-weight:750}
.cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid var(--border)}.cookie-category strong{font-size:.89rem}.cookie-category p{margin:4px 0 0;color:#8e8799;font-size:.75rem;line-height:1.5;max-width:620px}.cookie-category.disabled{opacity:.58}
.cookie-locked{flex:0 0 auto;padding:6px 9px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.02);color:#817a8b;font-size:.68rem;font-weight:800}
.cookie-switch{position:relative;width:48px;height:28px;flex:0 0 auto}.cookie-switch input{opacity:0;width:0;height:0}.cookie-switch span{position:absolute;inset:0;border-radius:999px;background:#282631;border:1px solid var(--border);cursor:pointer;transition:.2s ease}.cookie-switch span::after{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#8d8796;transition:.2s ease}.cookie-switch input:checked+span{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.35)}.cookie-switch input:checked+span::after{transform:translateX(20px);background:var(--accent)}
.custom-actions{padding-top:4px}

@media(max-width:650px){
  .cookie-consent-layer{padding:10px}.cookie-consent-card{padding:20px;border-radius:23px}.cookie-actions{display:grid;grid-template-columns:1fr}.cookie-actions .button{width:100%}.cookie-settings-fab span{display:none}.cookie-settings-fab{width:44px;height:44px;padding:0;justify-content:center}
}

/* =========================================================
   AI LANGUAGE TRANSLATOR
   ========================================================= */
.language-wrap{position:relative}
.language-button{
  min-height:46px;padding:0 12px;border:1px solid var(--border-strong);border-radius:14px;background:rgba(255,255,255,.03);
  display:flex;align-items:center;gap:7px;color:#c4bdcd;cursor:pointer;font-weight:760;font-size:.78rem;transition:.22s ease
}
.language-button:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.35);background:rgba(255,255,255,.05)}.language-button b{color:#6e6878;font-size:.75rem}
.language-panel{
  display:none;position:absolute;right:0;top:58px;width:355px;padding:14px;border:1px solid var(--border);border-radius:22px;
  background:rgba(10,10,16,.98);backdrop-filter:blur(22px);box-shadow:0 30px 90px rgba(0,0,0,.56)
}
.language-panel.open{display:block;animation:panelPop .18s ease}
.language-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:4px 4px 12px}.language-panel-head strong{display:block;font-size:.91rem}.language-panel-head span{display:block;margin-top:3px;color:var(--muted);font-size:.72rem}
.language-search-wrap{padding-bottom:10px}.language-search-wrap input{width:100%;height:42px;border:1px solid var(--border);border-radius:12px;background:#08080e;color:#fff;padding:0 12px;outline:none}.language-search-wrap input:focus{border-color:rgba(var(--accent-rgb),.4)}
.language-list{max-height:330px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding-right:3px}
.language-option{min-height:45px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:0 9px;color:#b7afc3;text-align:left;cursor:pointer}
.language-option:hover,.language-option.active{border-color:rgba(var(--accent-rgb),.3);background:var(--accent-soft);color:#fff}.language-option>span{font-size:1rem}.language-option strong{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.language-option small{color:#696372;font-size:.62rem;text-transform:uppercase}
.language-panel-note{margin-top:10px;padding:11px;border:1px solid rgba(var(--accent-rgb),.13);border-radius:13px;background:rgba(var(--accent-rgb),.045)}.language-panel-note strong{display:block;color:var(--accent);font-size:.72rem}.language-panel-note span{display:block;margin-top:3px;color:#898292;font-size:.68rem;line-height:1.45}

.ai-translate-status{
  position:fixed;right:18px;bottom:18px;z-index:350;width:min(390px,calc(100% - 36px));padding:14px;border:1px solid var(--border-strong);border-radius:18px;
  background:rgba(9,9,15,.94);backdrop-filter:blur(20px);box-shadow:0 24px 70px rgba(0,0,0,.46);display:none;align-items:flex-start;gap:11px
}
.ai-translate-status.visible{display:flex;animation:panelPop .2s ease}.ai-status-icon{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font-size:.7rem;font-weight:900;box-shadow:0 10px 24px var(--accent-glow);flex:0 0 auto}
.ai-status-copy{min-width:0;flex:1}.ai-status-copy strong{display:block;font-size:.8rem}.ai-status-copy>span{display:block;color:var(--muted);font-size:.7rem;line-height:1.45;margin-top:3px}.ai-status-copy>div{height:3px;margin-top:9px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.ai-status-copy i{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s ease}
.ai-translate-status.error .ai-status-icon{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 10px 24px rgba(239,68,68,.2)}.ai-translate-status.success .ai-status-icon{background:linear-gradient(135deg,#22c55e,#14b8a6);box-shadow:0 10px 24px rgba(34,197,94,.2)}

@media(max-width:1060px){.language-button #languageCurrentLabel{display:none}.language-button{width:46px;padding:0;justify-content:center}.language-button b{display:none}}
@media(max-width:760px){.language-panel{position:fixed;left:12px;right:12px;top:84px;width:auto}.language-list{grid-template-columns:1fr 1fr}.ai-translate-status{bottom:74px}}
@media(max-width:430px){.language-list{grid-template-columns:1fr}}


/* =========================================================
   MT DIGITAL STUDIO ADMIN DASHBOARD
   ========================================================= */
.admin-body{background:#07070c}
.admin-page{padding:48px 0 90px;min-height:100vh}
.admin-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:25px;padding:30px;border:1px solid var(--border);border-radius:30px;background:radial-gradient(circle at 85% 20%,var(--accent-soft),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));box-shadow:var(--shadow)}
.admin-hero h1{margin:9px 0 9px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.04;letter-spacing:-.055em;max-width:780px}.admin-hero>div>p{margin:0;max-width:690px;color:var(--muted);line-height:1.65}
.admin-identity{display:flex;align-items:center;gap:13px;min-width:245px;padding:13px;border:1px solid var(--border);border-radius:18px;background:rgba(7,7,12,.58)}.admin-avatar{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 12px 30px var(--accent-glow);font-weight:900}.admin-identity span,.admin-identity small{display:block;color:#807989;font-size:.68rem}.admin-identity strong{display:block;margin:3px 0;font-size:.87rem}
.admin-shell{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}
.admin-sidebar{position:sticky;top:96px;padding:15px;border:1px solid var(--border);border-radius:25px;background:rgba(12,12,18,.78);backdrop-filter:blur(18px);box-shadow:0 24px 65px rgba(0,0,0,.22)}
.admin-nav-label{padding:7px 10px;color:#625c69;font-size:.63rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-nav-label-spaced{margin-top:15px;border-top:1px solid var(--border);padding-top:18px}
.admin-nav-item{width:100%;min-height:46px;margin:3px 0;border:1px solid transparent;border-radius:13px;background:transparent;color:#a8a1b3;display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:6px;padding:0 10px;text-align:left;cursor:pointer;font:inherit;font-size:.79rem;font-weight:790;transition:.2s ease}.admin-nav-item:hover{background:rgba(255,255,255,.03);color:#fff}.admin-nav-item.active{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.2);color:#fff}.admin-nav-item b{min-width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#85808d;font-size:.62rem}.admin-nav-item.active b{background:rgba(var(--accent-rgb),.13);color:var(--accent)}
.admin-nav-icon{font-size:.92rem;color:var(--accent)}.admin-side-link{min-height:39px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-radius:11px;color:#8f879a;font-size:.75rem;font-weight:720}.admin-side-link:hover{background:rgba(255,255,255,.025);color:#fff}
.admin-security-card{margin-top:17px;padding:14px;border:1px solid rgba(var(--accent-rgb),.13);border-radius:16px;background:rgba(var(--accent-rgb),.035)}.admin-security-card span{color:var(--accent);font-size:.58rem;font-weight:900;letter-spacing:.1em}.admin-security-card strong{display:block;margin:5px 0;font-size:.76rem}.admin-security-card p{margin:0;color:#716a79;font-size:.67rem;line-height:1.5}
.admin-content{min-width:0}.admin-tab-panel{display:none}.admin-tab-panel.active{display:block;animation:panelPop .2s ease}
.admin-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.admin-panel-heading h2{margin:6px 0 0;font-size:2rem;letter-spacing:-.045em}.admin-panel-heading p{margin:7px 0 0;color:var(--muted);font-size:.85rem}
.admin-global-message{position:sticky;top:90px;z-index:20;margin-bottom:12px;padding:12px 15px;border-radius:13px;border:1px solid rgba(34,197,94,.18);background:rgba(34,197,94,.08);color:#bbf7d0;font-size:.78rem;font-weight:750}.admin-global-message.error{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.08);color:#fecaca}
.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-stat-card{position:relative;overflow:hidden;padding:20px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(255,255,255,.012))}.admin-stat-card::after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:radial-gradient(circle,var(--accent-soft),transparent 70%)}.admin-stat-card span{display:block;color:#777080;font-size:.67rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.admin-stat-card strong{display:block;margin:9px 0 5px;font-size:2rem;letter-spacing:-.05em}.admin-stat-card small{color:#898291;font-size:.69rem}
.admin-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.admin-panel-card{padding:20px;border:1px solid var(--border);border-radius:21px;background:rgba(255,255,255,.018)}.admin-wide-card{grid-column:1/-1}.admin-card-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:12px}.admin-card-head span{display:block;color:#6f6977;font-size:.62rem;text-transform:uppercase;font-weight:850;letter-spacing:.08em}.admin-card-head h3{margin:3px 0 0;font-size:1.05rem}.text-button{border:0;background:none;color:var(--accent);cursor:pointer;font-weight:800;font-size:.72rem}
.admin-mini-list{display:grid;gap:7px}.admin-mini-item{min-height:55px;padding:9px 11px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.014);display:flex;justify-content:space-between;align-items:center;gap:14px}.admin-mini-item strong{display:block;font-size:.76rem}.admin-mini-item small{display:block;margin-top:3px;color:#756f7d;font-size:.67rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px}.admin-mini-item>span{color:#847d8d;font-size:.67rem;text-transform:capitalize}
.admin-toolbar{display:flex;gap:9px;align-items:center;margin-bottom:13px}.admin-search,.admin-select,.admin-inline-select,.admin-edit-form input,.admin-edit-form textarea,.admin-edit-form select{border:1px solid var(--border);background:#0b0b11;color:#ece9f0;border-radius:12px;outline:none}.admin-search{height:44px;min-width:260px;flex:1;padding:0 13px}.admin-select{height:44px;padding:0 12px}.admin-search:focus,.admin-select:focus,.admin-inline-select:focus,.admin-edit-form input:focus,.admin-edit-form textarea:focus,.admin-edit-form select:focus{border-color:rgba(var(--accent-rgb),.42);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.055)}
.admin-table-wrap{overflow:auto;border:1px solid var(--border);border-radius:19px;background:rgba(255,255,255,.012)}.admin-table{width:100%;border-collapse:collapse;min-width:790px}.admin-table th{padding:12px 14px;text-align:left;color:#686271;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border)}.admin-table td{padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.045);font-size:.74rem;color:#a9a2b2}.admin-table tr:last-child td{border-bottom:0}.admin-table tr:hover td{background:rgba(255,255,255,.012)}
.admin-user-cell{display:flex;align-items:center;gap:10px}.admin-table-avatar{width:35px;height:35px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.16);color:var(--accent);font-weight:900;font-size:.65rem}.admin-user-cell strong{display:block;color:#eeeaf1;font-size:.75rem}.admin-user-cell small{display:block;margin-top:2px;color:#6e6876;font-size:.66rem}.admin-verified,.admin-role-pill,.admin-self-label{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;font-size:.63rem;font-weight:850}.admin-verified.yes{background:rgba(34,197,94,.08);color:#86efac;border:1px solid rgba(34,197,94,.14)}.admin-verified.no{background:rgba(245,158,11,.07);color:#fcd34d;border:1px solid rgba(245,158,11,.13)}.admin-role-pill.role-admin{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.16)}.admin-role-pill.role-member,.admin-self-label{background:rgba(255,255,255,.025);color:#948d9c;border:1px solid var(--border)}.admin-inline-select{height:34px;padding:0 8px;font-size:.68rem}
.admin-message-list,.admin-project-list{display:grid;gap:10px}.admin-message-card,.admin-project-card{position:relative;padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.026),rgba(255,255,255,.01));transition:.2s ease}.admin-message-card:hover,.admin-project-card:hover{border-color:rgba(var(--accent-rgb),.18);transform:translateY(-1px)}.admin-message-card.message-new{box-shadow:inset 3px 0 0 var(--accent)}
.admin-message-top,.admin-project-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.admin-message-top strong{display:block;font-size:.84rem}.admin-message-top small{display:block;margin-top:3px;color:#716a79;font-size:.68rem}.admin-message-badges{display:flex;align-items:center;gap:8px}.admin-message-date{color:#696371;font-size:.64rem}.admin-message-card h3,.admin-project-card h3{margin:13px 0 5px;font-size:1.03rem;letter-spacing:-.025em}.admin-message-meta{margin:0;color:#756f7e;font-size:.68rem}.admin-message-preview,.admin-project-card>p{margin:11px 0;color:#aaa3b3;font-size:.76rem;line-height:1.6}.admin-message-actions,.admin-project-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.admin-message-actions .button,.admin-project-actions .button{min-height:36px;padding:0 11px;font-size:.67rem}
.admin-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:.61rem;font-weight:900;text-transform:capitalize}.status-new{background:var(--accent-soft);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.15)}.status-reviewing{background:rgba(245,158,11,.07);color:#fbbf24;border:1px solid rgba(245,158,11,.14)}.status-replied{background:rgba(34,197,94,.07);color:#86efac;border:1px solid rgba(34,197,94,.14)}.status-archived{background:rgba(255,255,255,.025);color:#777080;border:1px solid var(--border)}
.admin-project-card-head>div>span{display:block;color:var(--accent);font-size:.61rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.admin-project-card-head h3{margin:4px 0 0}.admin-visibility-toggle{min-height:31px;padding:0 10px;border-radius:999px;cursor:pointer;font-weight:850;font-size:.63rem}.admin-visibility-toggle.published{border:1px solid rgba(34,197,94,.16);background:rgba(34,197,94,.07);color:#86efac}.admin-visibility-toggle.hidden{border:1px solid var(--border);background:rgba(255,255,255,.02);color:#827b8a}.admin-project-meta{display:flex;gap:7px;flex-wrap:wrap}.admin-project-meta span{padding:6px 8px;border:1px solid var(--border);border-radius:9px;color:#7f7887;font-size:.63rem}
.admin-danger-button{border-color:rgba(239,68,68,.17)!important;color:#fca5a5!important;background:rgba(239,68,68,.035)!important}.admin-danger-button:hover{background:rgba(239,68,68,.08)!important}
.admin-empty{padding:35px;border:1px dashed var(--border);border-radius:18px;text-align:center;color:#716a79;font-size:.76rem}
.admin-modal{position:fixed;inset:0;z-index:550;display:none;place-items:center;padding:18px}.admin-modal.open{display:grid}.admin-modal-backdrop{position:absolute;inset:0;background:rgba(2,2,5,.76);backdrop-filter:blur(9px)}.admin-modal-card{position:relative;z-index:2;width:min(680px,100%);max-height:90vh;overflow:auto;padding:24px;border:1px solid var(--border-strong);border-radius:25px;background:#0b0b12;box-shadow:0 40px 120px rgba(0,0,0,.62)}.admin-modal-large{width:min(820px,100%)}.admin-modal-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.admin-modal-head h2{margin:5px 0 0;font-size:1.6rem;letter-spacing:-.04em}
.admin-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:14px}.admin-detail-grid>div{padding:11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.015)}.admin-detail-grid span{display:block;color:#6e6876;font-size:.6rem;text-transform:uppercase;font-weight:850;letter-spacing:.07em}.admin-detail-grid strong{display:block;margin-top:5px;font-size:.73rem;word-break:break-word}.admin-message-body{white-space:pre-wrap;padding:17px;border:1px solid var(--border);border-radius:14px;background:#08080e;color:#c5becb;line-height:1.7;font-size:.78rem}
.admin-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:17px}.admin-modal-actions .admin-inline-select{margin-right:auto}
.admin-edit-form{display:grid;gap:15px}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.admin-edit-form label{display:grid;gap:7px}.admin-edit-form label>span{color:#817a89;font-size:.68rem;font-weight:800}.admin-edit-form input,.admin-edit-form select{height:43px;padding:0 11px}.admin-edit-form textarea{padding:11px;resize:vertical;line-height:1.55}.admin-form-span{grid-column:1/-1}.admin-publish-check{display:flex!important;grid-template-columns:18px 1fr!important;align-items:center}.admin-publish-check input{width:16px;height:16px}.admin-publish-check span{font-size:.73rem!important;color:#aaa3b3!important}

@media(max-width:1080px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:820px){.admin-hero{align-items:flex-start;flex-direction:column}.admin-identity{width:100%}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.admin-nav-label,.admin-side-link,.admin-security-card{display:none}.admin-nav-item{grid-template-columns:22px 1fr auto;margin:0}.admin-overview-grid{grid-template-columns:1fr}.admin-wide-card{grid-column:auto}}
@media(max-width:620px){.admin-page{padding-top:28px}.admin-hero{padding:21px;border-radius:23px}.admin-sidebar{grid-template-columns:1fr 1fr}.admin-nav-item{min-height:44px}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-stat-card{padding:16px}.admin-panel-heading{align-items:flex-start;flex-direction:column}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{min-width:0;width:100%}.admin-select{width:100%}.admin-detail-grid,.admin-form-grid{grid-template-columns:1fr}.admin-form-span{grid-column:auto}.admin-message-top,.admin-project-card-head{flex-direction:column}.admin-message-badges{width:100%;justify-content:space-between}}
@media(max-width:420px){.admin-stat-grid{grid-template-columns:1fr}}