:root{--navy:#060818;--lav:#b3a3ff;--violet:#7b61ff;--cyan:#5fd4ff;--pink:#ff8bd6;--ink:#f5f3ff;--sans:'Inter Tight',system-ui,sans-serif;--disp:'Sora','Inter Tight',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow:hidden}
.hero{position:relative;width:100vw;height:100vh;min-height:860px;overflow:hidden;
  background:radial-gradient(ellipse 70% 55% at 50% -5%,#2a2470 0%,transparent 70%),radial-gradient(ellipse 50% 45% at 85% 75%,rgba(70,60,220,.35),transparent 70%),radial-gradient(ellipse 45% 40% at 10% 80%,rgba(160,60,200,.22),transparent 70%),linear-gradient(180deg,#080a24,#0a0c2b 55%,#05061a)}
.noise{position:absolute;inset:0;pointer-events:none;z-index:60;opacity:.05;mix-blend-mode:overlay;background-size:200px}
.nav{position:absolute;top:24px;left:80px;right:80px;height:60px;display:flex;align-items:center;z-index:50}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:-.04em}
.logo i{width:38px;height:38px;border-radius:11px;position:relative;background:linear-gradient(135deg,#ff9ad8,#8a6bff 50%,#4fd6ff);box-shadow:0 6px 22px rgba(123,97,255,.55),inset 0 1px 0 rgba(255,255,255,.6)}
.logo i svg{position:absolute;inset:9px}
.links{display:flex;gap:36px;margin-left:auto;margin-right:40px;font-size:15px;color:#d9d6f5;font-weight:500}
.nav-btn{height:48px;padding:0 22px;border-radius:99px;display:flex;align-items:center;font-weight:600;font-size:15px;color:#fff;
  background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.btn{height:56px;padding:0 28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;white-space:nowrap;color:#fff}
.btn.glow{background:linear-gradient(90deg,#ff7ad9,#8a6bff 50%,#4fb4ff);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 34px rgba(123,97,255,.5)}
.btn.glass{background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.26);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.iri-text{background:linear-gradient(90deg,#ff9ad8,#a58bff 45%,#6fd6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.glass{position:relative;border-radius:24px;background:linear-gradient(150deg,rgba(255,255,255,.17),rgba(255,255,255,.04) 45%,rgba(130,110,255,.10));
  backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 30px 60px rgba(4,4,30,.5)}
.glass::before,.gb-face::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;
  background:linear-gradient(135deg,#fff 0%,#ff9ad8 20%,#8a6bff 42%,#5fd4ff 64%,#fff 82%,#ffb3e6 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.gb{position:absolute;transform-style:preserve-3d}
.gb .slice{position:absolute;inset:0;border:1.6px solid transparent;
  background:linear-gradient(135deg,#fff,var(--tint,#9b7bff) 38%,#5fd4ff 68%,#ffd6f2) border-box;
  -webkit-mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.gb-face{position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(150deg,color-mix(in srgb,var(--tint,#ffffff) 42%,transparent),color-mix(in srgb,var(--tint,#ffffff) 8%,transparent) 55%,color-mix(in srgb,var(--tint,#ffffff) 22%,transparent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 0 34px rgba(150,130,255,.3)}
.p3d{position:absolute;width:360px;height:770px;perspective:2200px}
.p3d-body{position:absolute;inset:0;transform-style:preserve-3d}
.p3d-layer{position:absolute;inset:0;border-radius:64px;
  background:linear-gradient(180deg,#eef2ff 0%,#5a5aa8 6%,#a7b2ff 18%,#ffffff 30%,#6a4fd8 42%,#c3ccff 55%,#3a2f8a 66%,#ff9ad8 80%,#5a5aa8 92%,#1a1640 100%)}
.p3d-btn{position:absolute;right:-3.5px;width:10px;border-radius:5px;background:linear-gradient(180deg,#e6ecff,#6a5ac8 40%,#ffc2ec 75%,#3a2f8a)}
.p3d-btn.l{right:auto;left:-3.5px}
.p3d-front{position:absolute;inset:0;border-radius:64px;padding:12px;background:#03040c;transform:translateZ(0);isolation:isolate}
.p3d-front::before{content:"";position:absolute;inset:0;border-radius:64px;padding:2.2px;z-index:31;pointer-events:none;
  background:linear-gradient(100deg,#3a3a8a 0%,#c9d2ff 30%,#3a3a8a 55%,#ffffff 82%,#ff9ad8 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.glare{position:absolute;inset:0;border-radius:64px;pointer-events:none;z-index:30;mix-blend-mode:screen;
  background:linear-gradient(112deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.03) 26%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 58%,rgba(255,255,255,.07) 62%,rgba(255,255,255,0) 67%)}
.scr{position:relative;width:100%;height:100%;border-radius:52px;overflow:hidden;background:#07081a}
.bub{position:absolute;filter:drop-shadow(0 14px 22px rgba(10,6,50,.5))}
.bub svg{display:block;width:100%;height:100%}
.ui{position:absolute;left:0;top:0;width:310px;height:684px;transform:scale(1.0839);transform-origin:0 0}
.di{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:104px;height:31px;border-radius:18px;background:#000;z-index:9}
.di::after{content:"";position:absolute;right:13px;top:10px;width:11px;height:11px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#34416b,#05070d 70%)}
.sb{position:absolute;top:17px;left:28px;right:24px;display:flex;justify-content:space-between;font-size:14.5px;font-weight:600;z-index:8}
.sb-i{display:flex;gap:5px;align-items:center}
.ig-top{position:absolute;top:54px;left:16px;right:14px;display:flex;justify-content:space-between;align-items:center}
.ig-top b{font-size:17px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:5px}
.ig-prof{position:absolute;top:86px;left:14px;right:16px;display:flex;align-items:center;gap:16px}
.ig-av{width:72px;height:72px;border-radius:50%;padding:3px;flex:none;background:conic-gradient(from 210deg,#ffd166,#ff8a3d,#ff2a45,#c026d3,#ffd166)}
.ig-av span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;border:3px solid #0b0a0c;background:radial-gradient(circle at 32% 26%,#ffd3f2 0,#ff4fa8 26%,#9b2bd6 62%,#2a0848 100%);box-shadow:inset 0 -4px 10px rgba(0,0,0,.4)}
.ig-stats{flex:1;display:flex;justify-content:space-between;text-align:center}
.ig-stats b{display:block;font-size:16px;font-weight:700;letter-spacing:-.02em}
.ig-stats small{font-size:11.5px;color:#cfc9cd}
.ig-bio{position:absolute;top:166px;left:16px;right:16px;font-size:12px;line-height:1.38;color:#e8e3e6}
.ig-bio b{display:block;font-size:13px;color:#fff}
.ig-bio i{display:block;font-style:normal;color:#9d979b;font-size:11.5px}
.ig-bio a{display:flex;align-items:center;gap:4px;color:#a9c4ff;font-weight:600}
.ig-dash{position:absolute;top:250px;left:14px;right:14px;height:58px;border-radius:14px;background:linear-gradient(160deg,#221f24,#141215);border:1px solid rgba(255,255,255,.07);padding:9px 12px;overflow:hidden}
.ig-dash small{display:block;font-size:10.5px;color:#a8a2a6}
.ig-dash b{font-size:17px;font-weight:700;color:#ff7ad9;letter-spacing:-.03em}
.ig-dash em{font-style:normal;font-size:10px;color:#8e888c;margin-left:5px}
.ig-dash svg{position:absolute;right:10px;bottom:8px;width:118px;height:40px}
.ig-btns{position:absolute;top:316px;left:14px;right:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ig-btns span{height:28px;border-radius:8px;background:#29262b;display:grid;place-items:center;font-size:11.5px;font-weight:600}
.ig-hl{position:absolute;top:354px;left:10px;right:10px;display:flex;justify-content:space-between}
.ig-hl div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:9.5px;color:#d9d4d7;width:56px}
.ig-hl svg{width:48px;height:48px}
.ig-tabs{position:absolute;top:422px;left:0;right:0;height:30px;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08)}
.ig-tabs span{display:grid;place-items:center;position:relative}
.ig-tabs span.on::after{content:"";position:absolute;left:22%;right:22%;bottom:-1px;height:1.5px;background:#fff}
.ig-grid{position:absolute;top:453px;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px}
.ig-grid div{aspect-ratio:4/5;position:relative;overflow:hidden}
.ig-grid svg{display:block;width:100%;height:100%}
.ig-grid em{position:absolute;left:6px;top:6px;font-style:normal;font-size:9px;font-weight:700;padding:3px 6px;border-radius:99px;background:linear-gradient(90deg,#ff4f9a,#a43cff);box-shadow:0 2px 8px rgba(0,0,0,.35)}
.home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:4.5px;border-radius:3px;background:#f7f5f6;z-index:9}
.ig-dash b{color:#8fd0ff}
.ig-grid em{background:linear-gradient(90deg,#ff7ad9,#7b61ff)}
.ig-av span{background:radial-gradient(circle at 32% 26%,#ece8ff 0,#9b8cff 26%,#5a3cf0 62%,#1a1050 100%)}
.ig-dash{background:linear-gradient(160deg,#171a3a,#0d0f24)}
.ig-btns span{background:#1d2044}
.glare{display:none}
.p3d-layer::after{content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(180deg,transparent 11.2%,rgba(14,12,30,.85) 11.2%,rgba(14,12,30,.85) 11.9%,transparent 11.9%,transparent 88.1%,rgba(14,12,30,.85) 88.1%,rgba(14,12,30,.85) 88.8%,transparent 88.8%)}
.p3d-front::after{content:"";position:absolute;left:50%;top:4.5px;width:62px;height:3.5px;margin-left:-31px;border-radius:3px;z-index:32;
  background:linear-gradient(180deg,#05050a,#2a2a36);box-shadow:inset 0 1px 1px rgba(0,0,0,.9),0 .6px 0 rgba(255,255,255,.14)}
.scr::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:40;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 0 2px rgba(0,0,0,.55)}
.ig-nav{position:absolute;left:0;right:0;bottom:0;height:60px;padding:10px 22px 0;display:flex;justify-content:space-between;align-items:flex-start;z-index:8;
  background:rgba(7,8,24,.95);border-top:1px solid rgba(255,255,255,.08)}
.ig-nav .me{width:25px;height:25px;border-radius:50%;padding:1.6px;background:#fff}
.ig-nav .me i{display:block;width:100%;height:100%;border-radius:50%;border:1.5px solid #07081a;background:radial-gradient(circle at 32% 26%,#ece8ff 0,#9b8cff 30%,#5a3cf0 70%,#1a1050)}
.ig-grid b{position:absolute;right:6px;top:6px;line-height:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.7))}
.ig-dot{position:relative;display:flex}
.ig-dot::after{content:"";position:absolute;right:-3px;top:-2px;width:8px;height:8px;border-radius:50%;background:#ff3b5c;box-shadow:0 0 0 2px #07081a}
.links span{opacity:.86}
html.mob  .links{display:none}
html.lap  .links{margin-left:auto;margin-right:28px;gap:30px}
html.lap  .nav-btn{margin-left:0!important}
.note{color:#cfcaee!important}
.stats small,.kv small,.bar small,.sz-hint,.bookcard small,.dm{color:#c4bfe6!important}
.nw-foot{color:#cfcaee!important}
.foot small{color:#b4aee0!important;font-size:12.5px!important}
.foot nav{color:#e2ddff!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.ig-av span.mono{background:radial-gradient(circle at 35% 30%,#2a2620,#0b0a08 70%)!important;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:30px;font-weight:600;color:#e8c77a;text-shadow:0 1px 0 #6b5420}
.hlp{display:block;width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 2px #0b0a0c,0 0 0 3.5px #3a373d}
.ig-grid em{z-index:1}
.p3d .p3d-layer{background:
  linear-gradient(180deg,transparent calc(var(--sp,50) * 1% - 7%),rgba(255,255,255,calc(var(--es,0) * .85)) calc(var(--sp,50) * 1%),transparent calc(var(--sp,50) * 1% + 7%)),
  linear-gradient(180deg,#d9d7e0 0%,#8c899a 6%,#b9b6c6 15%,#f1eff6 25%,#a3a0b3 36%,#76728a 50%,#9f9ab8 62%,#c7b9e6 74%,#8d84ad 86%,#5d5a70 100%)}
.p3d .p3d-layer::after{background:linear-gradient(180deg,transparent 11.2%,rgba(70,66,86,.55) 11.2%,rgba(70,66,86,.55) 11.75%,transparent 11.75%,transparent 88.25%,rgba(70,66,86,.55) 88.25%,rgba(70,66,86,.55) 88.8%,transparent 88.8%)}
.p3d .p3d-btn{background:linear-gradient(90deg,#55526a 0%,#d9d6e2 30%,#f6f5fa 46%,#9a96aa 70%,#4a4760 100%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.35)}
.p3d .p3d-btn.cc{background:linear-gradient(90deg,#3a3848,#0b0a12 35%,#1c1a28 65%,#4a4760);box-shadow:inset 0 0 0 1px rgba(210,205,225,.55)}
.p3d .p3d-front{background:#020205}
.p3d .p3d-front::before{padding:2.6px;background:linear-gradient(105deg,#6c697c 0%,#f3f2f8 20%,#8f8ba0 42%,#d4d1df 60%,#ffffff 74%,#9a96ac 90%,#5f5c70 100%)}
.p3d .scr::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 0 0 2.5px rgba(0,0,0,.7),inset 0 0 18px rgba(0,0,0,.35)}
.di{background:linear-gradient(180deg,#000,#07070b)!important;box-shadow:inset 0 0 0 .6px rgba(255,255,255,.05)}
.di::after{right:12px!important;top:9.5px!important;width:12px!important;height:12px!important;
  background:radial-gradient(circle at 38% 34%,#7f8fd6 0,#2c3566 22%,#0b0e1f 46%,#000 70%)!important;box-shadow:0 0 0 1.2px #111219,0 0 0 1.8px #232331}
.di::before{content:"";position:absolute;right:16px;top:12px;width:3px;height:2px;border-radius:50%;background:rgba(200,215,255,.55);z-index:1}
.p3d-bot{position:absolute;left:62px;right:62px;top:100%;height:41.6px;transform-origin:50% 0;transform:rotateX(-90deg);display:flex;align-items:center;justify-content:center;gap:30px;
  background:linear-gradient(90deg,#77738a,#c9c6d4 30%,#e9e7f0 50%,#c9c6d4 70%,#77738a);backface-visibility:hidden}
.p3d-bot .port{width:34px;height:11px;border-radius:6px;background:#0a0a10;box-shadow:inset 0 1px 2px #000,0 0 0 1px rgba(255,255,255,.25)}
.p3d-bot .holes{display:flex;gap:4px}
.p3d-bot .holes i{width:3.6px;height:3.6px;border-radius:50%;background:#14131c;box-shadow:inset 0 .6px 1px #000}
.p3d-shadow{position:absolute;left:12%;right:12%;bottom:-70px;height:70px;border-radius:50%;background:radial-gradient(closest-side,rgba(2,2,10,.75),rgba(2,2,10,0));filter:blur(10px);pointer-events:none;will-change:transform,opacity}
.p3d-key{position:absolute;width:14px;border-radius:6px;backface-visibility:visible;
  background:linear-gradient(90deg,#6a6680 0%,#d7d4e1 22%,#fbfaff 45%,#c4c0d1 65%,#7a768c 85%,#55526a 100%);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.4)}
.p3d-key.cc{background:linear-gradient(90deg,#8d8a9e 0%,#2a2836 14%,#0a0910 40%,#1d1b29 70%,#3d3a4c 86%,#9a97ab 100%)}
.logo i{background:none!important;box-shadow:none!important;border-radius:0!important;width:40px!important;height:40px!important;filter:drop-shadow(0 4px 14px rgba(138,107,255,.55))}
.logo i svg{inset:0!important;width:100%;height:100%;overflow:visible}
html.lap  .nav .logo i{width:48px!important;height:48px!important}
.foot .logo i{width:32px!important;height:32px!important}

