/* Ultra-modern editorial portfolio layer */
:root {
  --u-bg: #07080c;
  --u-panel: #10131a;
  --u-panel-2: #151923;
  --u-text: #f3f5f0;
  --u-muted: #9aa4b5;
  --u-violet: #9c8cff;
  --u-lime: #c7ff62;
  --u-cyan: #6ee7f2;
}

html { scroll-behavior:smooth; background:var(--u-bg); }
body,
[data-theme="dark"] body { background:var(--u-bg) !important; color:var(--u-text) !important; }
body::before { content:''; position:fixed; inset:0; z-index:99999; pointer-events:none; opacity:.032; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

header,
[data-theme="dark"] header { background:rgba(7,8,12,.78) !important; border-color:rgba(255,255,255,.08) !important; backdrop-filter:blur(22px) saturate(140%); }
.nav-container { max-width:1440px; }
.logo { color:var(--u-text) !important; font-size:18px; letter-spacing:-.03em; }
.logo span { color:var(--u-lime) !important; }
.nav-link { color:#aeb5c2 !important; font-size:11px; letter-spacing:.12em; }
.nav-link.active,.nav-link:hover { color:#fff !important; }
.nav-link.active::after { background:var(--u-lime) !important; }
.theme-toggle { display:none !important; }
.nav-cta { background:var(--u-lime) !important; color:#090b10 !important; border-radius:999px !important; box-shadow:0 0 30px rgba(199,255,98,.12) !important; }

.hero.ultra-hero { min-height:1000px; padding:155px 0 100px; background:var(--u-bg) !important; isolation:isolate; }
.ultra-hero::before { content:''; position:absolute; inset:0; opacity:1; background:radial-gradient(circle at var(--mx,78%) var(--my,24%),rgba(156,140,255,.17),transparent 25%),radial-gradient(circle at 15% 35%,rgba(110,231,242,.08),transparent 22%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:auto,auto,68px 68px,68px 68px; mask-image:linear-gradient(#000 72%,transparent); }
.ultra-wrap { max-width:1440px; position:relative; z-index:2; }
.ultra-kicker { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:58px; color:#b4bdca; font-size:11px; font-weight:700; letter-spacing:.15em; text-transform:uppercase; }
.ultra-kicker .status { display:flex; align-items:center; gap:10px; }
.ultra-kicker .status::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--u-lime); box-shadow:0 0 18px rgba(199,255,98,.8); animation:pulse-dot 2s infinite; }
@keyframes pulse-dot { 50%{transform:scale(1.45);opacity:.62} }
.ultra-kicker .location { color:#737d8c; }
.ultra-grid { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr); gap:74px; align-items:center; }
.ultra-copy { position:relative; }
.ultra-index { position:absolute; left:-56px; top:9px; color:#596273; font:700 11px var(--font-heading); writing-mode:vertical-rl; letter-spacing:.2em; }
.ultra-title { margin:0; max-width:900px; color:var(--u-text); font-size:clamp(72px,8.2vw,130px); line-height:.82; letter-spacing:-.075em; font-weight:800; }
.ultra-title .outline { color:transparent; -webkit-text-stroke:1px rgba(243,245,240,.52); }
.ultra-title .accent { color:var(--u-lime); position:relative; }
.ultra-title .accent::after { content:''; position:absolute; width:11px; height:11px; top:12px; right:-18px; border-radius:50%; background:var(--u-violet); box-shadow:0 0 20px var(--u-violet); }
.ultra-intro { display:grid; grid-template-columns:120px 1fr; gap:28px; max-width:690px; margin-top:45px; }
.ultra-intro .label { color:var(--u-violet); font-size:11px; line-height:1.5; letter-spacing:.14em; text-transform:uppercase; }
.ultra-intro p { color:#aab3c2; font-size:17px; line-height:1.75; margin:0; }
.ultra-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:35px; margin-left:148px; }
.ultra-btn { display:inline-flex; align-items:center; justify-content:center; gap:15px; min-height:56px; padding:0 24px; border-radius:999px; font:700 12px var(--font-heading); letter-spacing:.05em; text-decoration:none; transition:.3s ease; }
.ultra-btn.primary { background:var(--u-text); color:#090b10; }
.ultra-btn.primary:hover { background:var(--u-lime); transform:translateY(-3px); }
.ultra-btn.ghost { color:#fff; border:1px solid rgba(255,255,255,.16); }
.ultra-btn.ghost:hover { border-color:var(--u-violet); background:rgba(156,140,255,.08); }

.ultra-visual { position:relative; min-height:650px; }
.portrait-shell { position:absolute; inset:0 32px 55px 45px; border-radius:40px; overflow:hidden; background:#121722; transform:rotate(2deg); box-shadow:0 50px 100px rgba(0,0,0,.45); }
.portrait-shell::after { content:''; position:absolute; inset:0; background:linear-gradient(to top,rgba(7,8,12,.72),transparent 48%); }
.portrait-shell img { width:100%; height:100%; object-fit:cover; object-position:center top; filter:saturate(.9) contrast(1.04); }
.portrait-frame { position:absolute; inset:24px 5px 26px 72px; border:1px solid rgba(199,255,98,.45); border-radius:40px; transform:rotate(-2deg); pointer-events:none; }
.ops-panel { position:absolute; left:-12px; right:0; bottom:0; z-index:3; padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:23px; background:rgba(14,18,26,.86); backdrop-filter:blur(22px); box-shadow:0 24px 60px rgba(0,0,0,.4); }
.ops-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:17px; }
.ops-top strong { font-size:12px; letter-spacing:.08em; text-transform:uppercase; }
.ops-dots { display:flex; gap:5px; }
.ops-dots i { width:6px;height:6px;border-radius:50%;background:#485263; }
.ops-dots i:first-child { background:var(--u-lime); }
.ops-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.ops-chip { padding:11px 10px; border-radius:11px; background:rgba(255,255,255,.055); color:#aeb8c7; font-size:10px; text-align:center; border:1px solid rgba(255,255,255,.06); }
.ops-chip:nth-child(2),.ops-chip:nth-child(5) { color:var(--u-cyan); }
.floating-mark { position:absolute; right:-14px; top:74px; z-index:4; width:105px; height:105px; display:grid; place-items:center; border-radius:50%; background:var(--u-lime); color:#080a0f; font-weight:800; font-size:11px; text-align:center; line-height:1.3; transform:rotate(9deg); box-shadow:0 15px 45px rgba(199,255,98,.2); }

.ultra-metrics { display:grid; grid-template-columns:repeat(4,1fr); margin-top:90px; border-block:1px solid rgba(255,255,255,.09); }
.ultra-metric { padding:28px 22px; border-right:1px solid rgba(255,255,255,.09); }
.ultra-metric:last-child { border-right:0; }
.ultra-metric strong { display:block; color:var(--u-text); font-size:28px; letter-spacing:-.04em; }
.ultra-metric span { display:block; margin-top:6px; color:#747f90; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }

body > .container[style*="margin-top: -35px"] { display:none !important; }
.logo-marquee-section { background:#0b0e14 !important; border-color:rgba(255,255,255,.07) !important; }
.logo-marquee-label { color:#636d7d !important; }
.marquee-logo { color:#b9c2cf !important; }
.section-padding { position:relative; background:var(--u-bg) !important; }
.section-padding:nth-of-type(even) { background:#0a0d13 !important; }
.section-tag { color:var(--u-lime) !important; }
.section-title { color:var(--u-text) !important; }
.section-subtitle { color:var(--u-muted) !important; }
.glass-card { background:var(--u-panel) !important; border-color:rgba(255,255,255,.09) !important; box-shadow:none !important; }

.services-grid { grid-template-columns:repeat(12,1fr); gap:18px; }
.service-card { grid-column:span 4; min-height:410px; padding:34px !important; border-radius:8px 32px 8px 8px !important; display:flex; flex-direction:column; }
.service-card:first-child { background:var(--u-lime) !important; color:#0b0e12 !important; }
.service-card:nth-child(2) { background:var(--u-violet) !important; color:#0b0e12 !important; transform:translateY(45px); }
.service-card:nth-child(3) { background:var(--u-panel-2) !important; }
.service-card:first-child .service-title,.service-card:nth-child(2) .service-title { color:#0b0e12 !important; }
.service-card:first-child .service-desc,.service-card:nth-child(2) .service-desc { color:rgba(11,14,18,.7) !important; }
.service-card .service-title { margin-top:65px; font-size:28px; letter-spacing:-.035em; }
.service-card .service-features { margin-top:auto; }
.service-card:first-child .service-tag,.service-card:nth-child(2) .service-tag { color:#0b0e12 !important; border-color:rgba(11,14,18,.18) !important; background:rgba(255,255,255,.16) !important; }
.service-icon { background:rgba(255,255,255,.12) !important; }

.portfolio-card { border-radius:8px 38px 8px 8px !important; }
.portfolio-card:first-child { background:linear-gradient(150deg,#5747bc,#8b7cff) !important; }
.portfolio-card:nth-child(2) { background:#131a23 !important; }
.portfolio-card:nth-child(3) { background:#c7ff62 !important; }
.portfolio-card:nth-child(3) .portfolio-title,.portfolio-card:nth-child(3) .portfolio-desc { color:#0b0e12 !important; }
.portfolio-link { color:var(--u-lime) !important; }
.portfolio-card:nth-child(3) .portfolio-link { color:#263600 !important; }

.cv-card,.experience-item,.cv-project,.tools-card { border-radius:8px 30px 8px 8px !important; background:var(--u-panel) !important; }
.cv-card:nth-child(2) { background:#131824 !important; }
.experience-item:first-child { background:linear-gradient(120deg,#111721,#171d28) !important; border-color:rgba(199,255,98,.25) !important; }
.experience-number { background:var(--u-lime) !important; color:#0b0e12 !important; }
.experience-role { color:var(--u-violet) !important; }
.tools-card { background:linear-gradient(120deg,#11151d,#171b27) !important; }
.tool-pills span { background:#0a0d13 !important; color:#d8deea !important; border-color:rgba(255,255,255,.1) !important; }
.about-grid .hero-image-container { border-radius:8px 45px 8px 8px !important; }
.cta-section { background:radial-gradient(circle at 15% 20%,rgba(156,140,255,.18),transparent 30%),var(--u-bg) !important; }
.cta-box { border-radius:8px 40px 8px 8px !important; background:#10141d !important; }
footer { background:#050609 !important; }

@media (max-width:1050px) {
  .ultra-grid { grid-template-columns:1fr; }
  .ultra-title { max-width:900px; }
  .ultra-visual { min-height:700px; max-width:620px; width:100%; margin:20px auto 0; }
  .ultra-index { display:none; }
}
@media (max-width:820px) {
  .hero.ultra-hero { padding-top:125px; }
  .ultra-kicker { align-items:flex-start; flex-direction:column; }
  .ultra-title { font-size:clamp(60px,16vw,100px); }
  .ultra-intro { grid-template-columns:1fr; gap:10px; }
  .ultra-actions { margin-left:0; }
  .ultra-metrics { grid-template-columns:1fr 1fr; }
  .ultra-metric:nth-child(2) { border-right:0; }
  .ultra-metric:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.09); }
  .service-card { grid-column:span 12; min-height:340px; }
  .service-card:nth-child(2) { transform:none; }
}
@media (max-width:560px) {
  .hero.ultra-hero { min-height:auto; padding-bottom:70px; }
  .ultra-title { font-size:58px; }
  .ultra-title .accent::after { width:7px;height:7px;top:5px;right:-10px; }
  .ultra-intro p { font-size:15px; }
  .ultra-actions { flex-direction:column; }
  .ultra-btn { width:100%; }
  .ultra-visual { min-height:520px; }
  .portrait-shell { inset:0 14px 50px 15px; }
  .portrait-frame { inset:17px 0 24px 30px; }
  .floating-mark { width:80px;height:80px;right:0;top:35px;font-size:9px; }
  .ops-panel { left:0; padding:16px; }
  .ops-grid { grid-template-columns:repeat(2,1fr); }
}