:root{
  --bg:#040913;
  --panel:rgba(6,15,31,.72);
  --panel-2:rgba(5,12,26,.84);
  --line:rgba(120,185,255,.22);
  --text:#eef7ff;
  --muted:#d7e6ff;
  --gold:#ffd86f;
  --gold-soft:rgba(255,216,111,.35);
  --blue:#45b6ff;
  --green:#39f0b6;
  --purple:#ad57ff;
  --shadow:0 22px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Inter',system-ui,sans-serif;
  color:var(--text);
  background:radial-gradient(circle at top,#0b1732 0%,#05101f 35%,#02060f 100%);
  overflow-x:hidden;
}
button,input,textarea{font:inherit}
button{cursor:pointer}
.bg-layer{position:fixed;inset:0;pointer-events:none}
.stars{background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.7) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 14%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 72% 38%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 42% 70%,rgba(255,255,255,.5) 0 1px,transparent 1.5px);opacity:.55}
.aurora{filter:blur(12px);mix-blend-mode:screen;opacity:.75;animation:floatAurora 16s ease-in-out infinite alternate}
.aurora-1{background:radial-gradient(ellipse at 70% 20%,rgba(72,255,214,.45),transparent 45%);transform:rotate(-10deg)}
.aurora-2{background:radial-gradient(ellipse at 78% 26%,rgba(162,98,255,.32),transparent 40%);animation-delay:-5s}
.aurora-3{background:radial-gradient(ellipse at 62% 18%,rgba(59,180,255,.27),transparent 45%);animation-delay:-8s}
@keyframes floatAurora{from{transform:translateY(-8px) scale(1)}to{transform:translateY(18px) scale(1.08)}}
.harbor{position:fixed;bottom:0;height:34vh;pointer-events:none;opacity:.7}
.harbor-left{left:0;width:34vw;background:linear-gradient(to top,rgba(255,181,92,.08),transparent 70%),linear-gradient(to top,#091321,transparent 60%);clip-path:polygon(0 100%,0 62%,8% 60%,11% 30%,14% 60%,18% 56%,20% 24%,23% 58%,27% 54%,30% 31%,33% 58%,38% 54%,40% 24%,44% 57%,100% 66%,100% 100%)}
.harbor-right{right:0;width:42vw;background:linear-gradient(to top,rgba(255,188,98,.12),transparent 70%),linear-gradient(to top,#0a1423,transparent 65%);clip-path:polygon(0 72%,52% 70%,61% 38%,65% 38%,65% 14%,71% 14%,71% 64%,100% 67%,100% 100%,0 100%)}
.water-glow{position:fixed;left:0;right:0;bottom:-12vh;height:38vh;background:radial-gradient(ellipse at 30% 10%,rgba(173,87,255,.18),transparent 34%),radial-gradient(ellipse at 45% 12%,rgba(57,240,182,.14),transparent 30%),radial-gradient(ellipse at 72% 12%,rgba(69,182,255,.11),transparent 28%);pointer-events:none;filter:blur(10px)}
.site-shell{position:relative;max-width:1680px;margin:0 auto;padding:14px 18px 22px}
.glass,.glass-soft{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow)}
.glass{background:linear-gradient(180deg,rgba(7,20,42,.90),rgba(4,10,22,.78)); box-shadow:0 20px 60px rgba(0,0,0,.45), 0 0 26px rgba(96,173,255,.08), inset 0 0 18px rgba(255,255,255,.03)}
.glass-soft{background:linear-gradient(180deg,rgba(7,17,37,.68),rgba(4,9,18,.60)); box-shadow:0 18px 60px rgba(0,0,0,.36), 0 0 22px rgba(76,151,255,.08), inset 0 0 16px rgba(255,255,255,.02)}
.topbar{display:flex;justify-content:space-between;padding:10px 14px;border-radius:20px;margin-bottom:14px}
.topbar-left{display:flex;gap:10px;flex-wrap:wrap}
.tiny-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.1);background:rgba(8,16,33,.45);padding:6px 12px;border-radius:999px;color:#e6f3ff;font-size:14px}
.mainnav{display:flex;align-items:stretch;gap:12px;border-radius:30px;padding:10px;margin-bottom:18px; box-shadow:0 20px 54px rgba(0,0,0,.38), 0 0 32px rgba(86,158,255,.10), inset 0 0 20px rgba(255,255,255,.02)}
.logo-block{display:flex;align-items:center;gap:14px;min-width:310px;justify-content:flex-start}
.logo-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:32px;color:var(--gold);border:1px solid var(--gold-soft);box-shadow:0 0 22px rgba(255,216,111,.25) inset,0 0 18px rgba(255,216,111,.12)}
.logo-text strong,.logo-text span{display:block;letter-spacing:.18em}
.logo-text strong{font-size:24px;color:#ffe4a2}
.logo-text span{font-size:18px;color:#fef7dd}
.nav-links{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;flex:1}
.nav-btn{border:1px solid rgba(160,214,255,.28);background:linear-gradient(180deg,rgba(10,22,44,.78),rgba(5,13,28,.74));color:#eef8ff;border-radius:22px;padding:18px 16px;min-height:96px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:19px;font-weight:800;transition:.25s ease;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 22px rgba(84,154,255,.08), inset 0 0 18px rgba(255,255,255,.03); animation:menuPulse 3.6s ease-in-out infinite}
.nav-btn span{display:inline-block}
.nav-btn::after{content:"";position:absolute;inset:auto -20% -40% -20%;height:70%;background:radial-gradient(circle at center, rgba(255,216,111,.16), transparent 62%);opacity:.0;transition:.25s ease}
.nav-btn:hover,.nav-btn.active{transform:translateY(-2px);border-color:rgba(255,216,111,.58);box-shadow:0 0 26px rgba(255,216,111,.28), 0 0 48px rgba(66,150,255,.18), inset 0 0 22px rgba(255,216,111,.10);color:#ffe49c}
.nav-btn:hover::after,.nav-btn.active::after{opacity:1}
.hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.hero-copy{border-radius:34px;padding:34px 34px 28px;position:relative;overflow:hidden}
.hero-copy::after{content:'';position:absolute;inset:auto -10% -30% -10%;height:44%;background:radial-gradient(circle at 22% 30%,rgba(173,87,255,.22),transparent 26%),radial-gradient(circle at 52% 22%,rgba(57,240,182,.14),transparent 24%);pointer-events:none}
.eyebrow{margin:0 0 10px;color:#f7d98d;font-weight:700;letter-spacing:.08em;text-transform:none}
.hero-copy h1{margin:0 0 8px;font-size:74px;line-height:1;letter-spacing:.05em;color:#f5fbff;text-shadow:0 0 18px rgba(125,195,255,.35)}
.subline{font-size:24px;color:#ffd876;margin:0 0 22px}
.hero-copy h2{font-size:64px;line-height:1.02;margin:0 0 20px}
.lead{max-width:850px;font-size:30px;line-height:1.38;color:#eff8ff;margin:0 0 16px}
.lead.small{font-size:25px;color:#dcecff}
.cta-circles{display:flex;gap:30px;align-items:center;margin-top:34px;padding-bottom:16px;flex-wrap:wrap}
.circle-card{width:336px;height:336px;border-radius:50%;border:3px solid currentColor;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.16),rgba(15,30,61,.56) 32%,rgba(7,18,38,.72) 50%,rgba(4,11,23,.96) 74%);position:relative;color:white;transition:.32s ease;isolation:isolate;overflow:visible;box-shadow:0 0 0 2px rgba(255,255,255,.08) inset,0 0 54px currentColor,0 0 120px color-mix(in srgb, currentColor 62%, transparent),0 0 180px color-mix(in srgb, currentColor 26%, transparent),0 0 30px rgba(0,0,0,.48),inset 0 0 54px color-mix(in srgb, currentColor 26%, transparent)}
.circle-card::before{content:"";position:absolute;inset:-26px;border-radius:50%;border:2px solid color-mix(in srgb, currentColor 72%, transparent);filter:blur(.5px);opacity:1;box-shadow:0 0 34px color-mix(in srgb, currentColor 78%, transparent),0 0 90px color-mix(in srgb, currentColor 42%, transparent),inset 0 0 18px color-mix(in srgb, currentColor 16%, transparent);animation:neonPulse 2.3s ease-in-out infinite}
.circle-card::after{content:"";position:absolute;left:4%;right:4%;bottom:-32px;height:54px;border-radius:50%;background:radial-gradient(ellipse at center, color-mix(in srgb, currentColor 90%, transparent) 0%, color-mix(in srgb, currentColor 42%, transparent) 34%, transparent 74%);filter:blur(11px);opacity:1;z-index:-1}
.circle-card:hover{transform:translateY(-5px) scale(1.03); box-shadow:0 0 0 2px rgba(255,255,255,.08) inset,0 0 62px currentColor,0 0 145px color-mix(in srgb, currentColor 66%, transparent),0 0 200px color-mix(in srgb, currentColor 30%, transparent),0 0 34px rgba(0,0,0,.52),inset 0 0 62px color-mix(in srgb, currentColor 28%, transparent)}
.circle-card .icon{font-size:52px;margin-bottom:16px;text-shadow:0 0 22px currentColor}
.circle-card strong{font-size:56px;line-height:1.05;margin-bottom:12px;text-shadow:0 0 18px currentColor,0 0 34px color-mix(in srgb, currentColor 40%, transparent)}
.circle-card small{font-size:26px;line-height:1.32;color:#f6fbff;text-shadow:0 0 12px rgba(255,255,255,.15)}
.circle-purple{color:#c67bff}
.circle-green{color:#55ffbe}
.floating-window{border-radius:30px;overflow:hidden;min-height:700px; position:relative; background:linear-gradient(180deg,rgba(7,18,38,.88),rgba(5,12,26,.84)); box-shadow:0 30px 80px rgba(0,0,0,.48), 0 0 42px rgba(83,160,255,.12), inset 0 0 0 1px rgba(255,255,255,.05)}
.floating-window::before{content:""; position:absolute; inset:10px; border-radius:24px; border:1px solid rgba(170,210,255,.14); pointer-events:none; box-shadow:0 0 28px rgba(95,174,255,.08), inset 0 0 18px rgba(255,255,255,.02)}
.window-bar{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(7,16,33,.78),rgba(5,12,24,.58)); box-shadow: inset 0 -1px 0 rgba(255,255,255,.04)}
.window-title{font-size:27px;font-weight:800;color:#f4fbff; text-shadow:0 0 12px rgba(255,255,255,.12)}
.window-controls{display:flex;gap:16px;color:#ffe3a1;font-size:24px; text-shadow:0 0 12px rgba(255,216,111,.22)}
.window-content,.modal-body{padding:28px}
.window-intro{font-size:26px;line-height:1.44;text-align:center;max-width:760px;margin:0 auto 26px;color:#eff7ff; text-shadow:0 0 12px rgba(255,255,255,.08)}
.triple-circles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:center}
.mini-circle{border-radius:50%;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:28px;border:3px solid currentColor;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),rgba(8,18,36,.58) 46%,rgba(6,12,24,.92) 70%);font-size:28px;font-weight:800;color:white;position:relative;overflow:visible;isolation:isolate;box-shadow:0 0 0 1px rgba(255,255,255,.06) inset,0 0 26px currentColor,0 0 68px color-mix(in srgb, currentColor 52%, transparent),inset 0 0 20px color-mix(in srgb, currentColor 16%, transparent)}
.mini-circle::before{content:'';position:absolute;inset:-15px;border-radius:50%;border:2px solid color-mix(in srgb, currentColor 60%, transparent);box-shadow:0 0 18px color-mix(in srgb, currentColor 60%, transparent),0 0 42px color-mix(in srgb, currentColor 28%, transparent);animation:neonPulse 2.6s ease-in-out infinite}
.mini-circle::after{content:'';position:absolute;left:10%;right:10%;bottom:-22px;height:32px;border-radius:50%;background:radial-gradient(ellipse at center, color-mix(in srgb, currentColor 75%, transparent) 0%, color-mix(in srgb, currentColor 24%, transparent) 46%, transparent 74%);filter:blur(8px);z-index:-1;opacity:.92}
.mini-circle span{display:block;font-size:22px;margin-top:10px;font-weight:700;line-height:1.15;text-shadow:0 0 14px currentColor}
.mini-circle b{font-size:34px;line-height:1.1;text-shadow:0 0 16px currentColor}
.mini-circle small{font-size:16px;line-height:1.35;font-weight:500;opacity:.98;margin-top:10px;text-shadow:0 0 10px rgba(255,255,255,.12)}
.mini-circle.blue{color:#66cfff}
.mini-circle.green{color:#62ffc8}
.mini-circle.purple{color:#cb87ff}
.preview-note{margin:22px 0 18px; padding:16px 18px; border-radius:18px; background:rgba(10,20,40,.46); border:1px solid rgba(145,203,255,.12); color:#eaf5ff; font-size:18px; line-height:1.5; box-shadow:inset 0 0 12px rgba(255,255,255,.03)}
.bottom-pills{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap}
.pill,.info-card,.action-btn,.close-btn{border:none}
.pill{flex:1;min-width:180px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(11,23,45,.90),rgba(7,16,32,.84));color:#edf7ff;border:1px solid rgba(255,255,255,.10);font-size:20px;font-weight:700;box-shadow:inset 0 0 12px rgba(255,255,255,.03),0 0 18px rgba(91,163,255,.10); animation:softPulse 3.8s ease-in-out infinite}
.benefits{margin-top:18px;padding:16px 18px;border-radius:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.benefit{display:flex;gap:16px;align-items:flex-start;padding:8px 10px}
.benefit span{font-size:36px}
.benefit strong{display:block;font-size:28px;margin-bottom:6px}
.benefit small{display:block;color:#ddecff;font-size:19px;line-height:1.35}
.overlay{position:fixed;inset:0;background:rgba(2,7,15,.48);backdrop-filter:blur(7px);opacity:0;visibility:hidden;transition:.25s ease;z-index:30}
.overlay.show{opacity:1;visibility:visible; animation:overlayFade .34s ease}
.modal-window{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.94);width:min(1180px,92vw);max-height:84vh;overflow:auto;border-radius:28px;z-index:40;opacity:0;visibility:hidden;transition:opacity .26s ease, visibility .26s ease;box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 34px rgba(87,162,255,.08)}
.modal-window.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1); animation:windowReveal .48s cubic-bezier(.2,.9,.2,1.08), windowGlow 1.8s ease}
.close-btn{width:44px;height:44px;border-radius:12px;background:rgba(255,216,111,.12);color:#ffe49d;font-size:28px;line-height:1}
.modal-body h3{font-size:36px;margin:0 0 16px}
.modal-body p,.modal-body li,.modal-body label,.modal-body span,.modal-body small{font-size:21px;line-height:1.5;color:#eef7ff}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}
ul{padding-left:24px}
.note{color:#ffe9ad !important;opacity:.95}
.promo-box{display:grid;gap:8px;padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,216,111,.18),rgba(255,216,111,.06));border:1px solid rgba(255,216,111,.26);box-shadow:0 0 24px rgba(255,216,111,.12)}
.promo-box strong{font-size:34px;color:#fff2c7}
.subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:26px}
.info-card{padding:18px;border-radius:22px;background:rgba(10,20,40,.74);color:white;text-align:left;border:1px solid rgba(140,200,255,.18);display:grid;gap:10px}
.info-card strong{font-size:24px;color:#fff1bf}
.info-card span{font-size:18px;color:#eaf5ff}
.video-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.video-card{padding:18px;border-radius:20px;background:rgba(8,16,31,.82);border:1px solid rgba(255,255,255,.09);display:grid;gap:10px}
.video-card strong{font-size:24px;color:#fce7ad}
.request-form{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
label{display:grid;gap:8px}
input,textarea{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(6,12,24,.76);color:white}
.action-btn{padding:16px 22px;border-radius:18px;background:linear-gradient(180deg,rgba(255,216,111,.22),rgba(255,216,111,.1));color:#fff2c0;border:1px solid rgba(255,216,111,.34);font-size:22px;font-weight:700;align-self:flex-start}
.version-tag{position:fixed;right:16px;bottom:14px;padding:8px 12px;border-radius:999px;background:rgba(5,10,22,.82);border:1px solid rgba(255,255,255,.1);color:#ffeaac;font-weight:700;letter-spacing:.08em;z-index:5}
@keyframes neonPulse{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.035);opacity:1}}

@media (max-width: 1380px){
  .hero-layout{grid-template-columns:1fr}
  .floating-window{min-height:auto}
  .hero-copy h1{font-size:58px}
  .hero-copy h2{font-size:52px}
  .lead{font-size:24px}
}
@media (max-width: 1180px){
  .nav-links{grid-template-columns:repeat(3,1fr)}
  .logo-block{min-width:100%;justify-content:center}
  .mainnav{flex-direction:column}
  .circle-card{width:270px;height:270px}
  .circle-card strong{font-size:42px}
  .circle-card small{font-size:21px}
  .triple-circles,.subgrid,.video-cards,.two-col,.benefits{grid-template-columns:1fr}
}
@media (max-width: 820px){
  .site-shell{padding:10px}
  .hero-copy{padding:22px}
  .hero-copy h1{font-size:42px}
  .hero-copy h2{font-size:36px}
  .subline{font-size:20px}
  .lead,.lead.small,.window-intro,.modal-body p,.modal-body li,.modal-body label,.modal-body span,.modal-body small{font-size:18px}
  .nav-btn{min-height:76px;font-size:16px;padding:14px}
  .nav-links{grid-template-columns:repeat(2,1fr)}
  .logo-block{min-width:auto}
  .topbar-left{gap:8px}
  .cta-circles{justify-content:center}
  .circle-card{width:220px;height:220px;padding:22px}
  .circle-card strong{font-size:32px}
  .circle-card small{font-size:17px}
  .modal-window{width:95vw}
}

.benefit.full-width{grid-column:1/-1; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:18px; margin-bottom:2px}
.idea-box{margin-top:18px; padding:18px 20px; border-radius:22px; background:linear-gradient(180deg,rgba(10,20,39,.62),rgba(7,14,28,.54)); border:1px solid rgba(145,203,255,.14); box-shadow:inset 0 0 14px rgba(255,255,255,.03),0 0 24px rgba(82,158,255,.08)}
.idea-box strong{display:block; font-size:26px; color:#ffe49c; margin-bottom:12px}
.idea-box p{margin:0 0 10px; font-size:22px; line-height:1.5; color:#edf7ff}
.idea-box span{color:#ffe49c; font-weight:700}
.info-card{box-shadow:inset 0 0 12px rgba(255,255,255,.02),0 0 18px rgba(84,154,255,.08); animation:softPulse 4.1s ease-in-out infinite}
.action-btn{box-shadow:0 0 20px rgba(255,216,111,.18), inset 0 0 14px rgba(255,255,255,.04); animation:ctaPulse 2.8s ease-in-out infinite}
.logo-mark{box-shadow:0 0 22px rgba(255,216,111,.25) inset,0 0 18px rgba(255,216,111,.12),0 0 22px rgba(255,216,111,.10)}
.hero-copy h1{filter:drop-shadow(0 0 16px rgba(121,193,255,.26))}
@keyframes menuPulse{0%,100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 0 18px rgba(84,154,255,.08), inset 0 0 18px rgba(255,255,255,.03)}50%{box-shadow:0 0 28px rgba(255,216,111,.16),0 0 42px rgba(84,154,255,.16), inset 0 0 22px rgba(255,255,255,.04)}}
@keyframes softPulse{0%,100%{transform:translateY(0); box-shadow:inset 0 0 12px rgba(255,255,255,.03),0 0 18px rgba(91,163,255,.10)}50%{transform:translateY(-1px); box-shadow:0 0 22px rgba(255,216,111,.14),0 0 28px rgba(91,163,255,.14), inset 0 0 16px rgba(255,255,255,.04)}}
@keyframes ctaPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
.premium-bar{background:linear-gradient(180deg,rgba(8,18,37,.88),rgba(6,12,25,.62)); position:relative}
.premium-bar::after{content:""; position:absolute; left:14px; right:14px; bottom:0; height:1px; background:linear-gradient(90deg, transparent, rgba(255,216,111,.28), rgba(117,188,255,.22), transparent)}
.premium-controls span{display:grid; place-items:center; width:28px; height:28px; border-radius:50%; border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03)}
.premium-controls .wc-close{color:#ffdd94; box-shadow:0 0 12px rgba(255,216,111,.16)}
.preview-content{padding:26px 26px 28px}
.preview-inner{position:relative; min-height:610px; border-radius:28px; padding:34px 26px 24px; background:linear-gradient(180deg,rgba(7,16,33,.64),rgba(6,12,24,.82)); border:1px solid rgba(164,214,255,.12); box-shadow:inset 0 0 0 1px rgba(255,255,255,.03), inset 0 0 32px rgba(122,193,255,.04), 0 0 36px rgba(61,141,255,.10)}
.preview-inner::before{content:""; position:absolute; inset:14px; border-radius:22px; border:1px solid rgba(255,255,255,.04); pointer-events:none}
.preview-inner::after{content:""; position:absolute; left:12%; right:12%; bottom:18px; height:120px; background:radial-gradient(ellipse at center, rgba(69,182,255,.06), transparent 54%); filter:blur(14px); pointer-events:none}
.preview-starline{width:78px; height:4px; margin:0 auto 18px; border-radius:999px; background:linear-gradient(90deg, transparent, #ffd86f, #ffffff, #ffd86f, transparent); box-shadow:0 0 18px rgba(255,216,111,.34)}
.preview-intro{max-width:700px; margin-bottom:28px; font-size:24px}
.preview-circles{gap:30px; margin-top:8px; margin-bottom:24px}
.preview-circles .mini-circle{min-height:210px; padding:26px 18px 20px}
.preview-circles .mini-circle span{font-size:23px}
.preview-pills{margin-top:18px}
.preview-pills .pill{min-width:0; border-radius:20px; padding:17px 16px; font-size:19px}
.floating-window{box-shadow:0 32px 90px rgba(0,0,0,.52),0 0 52px rgba(83,160,255,.15),inset 0 0 0 1px rgba(255,255,255,.05)}
.floating-window::after{content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 78% 18%, rgba(76,189,255,.08), transparent 26%), radial-gradient(circle at 24% 14%, rgba(255,216,111,.05), transparent 18%)}
.modal-window.show .modal-body,.modal-window.show .window-bar{animation:contentFade .52s ease}
@keyframes overlayFade{from{opacity:0}to{opacity:1}}
@keyframes windowReveal{0%{opacity:0; transform:translate(-50%,-44%) scale(.9)}55%{opacity:1; transform:translate(-50%,-50.8%) scale(1.015)}100%{opacity:1; transform:translate(-50%,-50%) scale(1)}}
@keyframes windowGlow{0%{box-shadow:0 20px 50px rgba(0,0,0,.36),0 0 0 rgba(87,162,255,0)}50%{box-shadow:0 34px 92px rgba(0,0,0,.56),0 0 42px rgba(87,162,255,.18)}100%{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 34px rgba(87,162,255,.08)}}
@keyframes contentFade{from{opacity:0; transform:translateY(8px)}to{opacity:1; transform:translateY(0)}}
@media (max-width:1380px){.preview-inner{min-height:auto}}
@media (max-width:1180px){.preview-circles{grid-template-columns:1fr; gap:22px}.preview-circles .mini-circle{max-width:320px; margin:0 auto; width:100%}.preview-pills{flex-direction:column}}
@media (max-width:820px){.preview-inner{padding:22px 16px 18px}.preview-intro{font-size:18px}.preview-circles .mini-circle{min-height:190px}}