/* ARIFE v308 — identity, subscription, credit and checkout surfaces */
body.access-stage-v308{
  --access-blue:#7089ff;
  --access-violet:#8674ff;
  --access-cyan:#70dcf7;
  --access-ink:#070b12;
  --access-panel:#111927;
  --access-line:rgba(136,163,230,.21);
  --access-muted:#8493aa;
  min-height:100vh;
  background:
    radial-gradient(circle at 78% 0,rgba(94,113,237,.12),transparent 31%),
    radial-gradient(circle at 8% 64%,rgba(73,190,221,.055),transparent 26%),
    #060910;
}

/* Identity gateway */
body.auth-stage-v308{
  --auth-lime:var(--access-blue);
  --auth-bg:#060910;
  --auth-panel:#111827;
  --auth-surface:#182236;
  --auth-line:rgba(139,166,231,.25);
}
.auth-stage-v308 .auth-page{
  padding-top:92px;
  background:
    linear-gradient(rgba(114,143,220,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(114,143,220,.025) 1px,transparent 1px),
    radial-gradient(circle at 18% 18%,rgba(96,120,255,.13),transparent 28%),
    #060910;
  background-size:34px 34px,34px 34px,auto,auto;
}
.auth-stage-v308 .auth-dialog{
  width:min(1210px,calc(100vw - 48px));
  min-height:720px;
  grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);
  border-color:rgba(137,164,232,.3);
  border-radius:32px;
  background:linear-gradient(145deg,#192235,#090e17 72%);
  box-shadow:
    inset 0 1px rgba(255,255,255,.09),
    0 13px 0 #03060b,
    0 42px 110px rgba(0,0,0,.66);
}
.auth-stage-v308 .auth-close{
  width:42px;
  height:42px;
  border-color:rgba(143,168,230,.3);
  border-radius:13px;
  background:linear-gradient(145deg,#26334b,#0f1725);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 0 #050812,0 13px 24px rgba(0,0,0,.32);
}
.auth-stage-v308 .auth-showcase{
  min-height:720px;
  isolation:isolate;
  background:
    radial-gradient(120% 90% at 18% 0%,rgba(91,155,236,.32),rgba(91,155,236,0) 55%),
    linear-gradient(160deg,#1a3a5f,#0e2038 72%);
}
.auth-stage-v308 .auth-showcase video{
  opacity:.33;
  filter:saturate(.65) contrast(1.13) brightness(.55) hue-rotate(12deg);
}
.auth-stage-v308 .auth-showcase:before{
  position:absolute;
  z-index:1;
  left:50%;
  top:43%;
  width:205px;
  height:250px;
  border:1px solid rgba(196,207,255,.48);
  border-radius:50px;
  background:
    radial-gradient(circle at 28% 18%,rgba(255,255,255,.56),transparent 16%),
    linear-gradient(145deg,rgba(145,163,255,.88),rgba(81,95,205,.72) 48%,rgba(12,20,53,.92));
  box-shadow:
    inset 14px 14px 30px rgba(255,255,255,.17),
    inset -25px -27px 40px rgba(10,17,58,.42),
    0 30px 70px rgba(37,52,146,.48),
    0 0 85px rgba(91,112,255,.2);
  content:"AR";
  color:#fff;
  display:grid;
  place-items:center;
  font-size:49px;
  font-weight:950;
  letter-spacing:-.08em;
  text-shadow:0 4px 16px rgba(14,22,73,.5);
  transform:translate(-50%,-50%) perspective(850px) rotateX(8deg) rotateY(-13deg) rotateZ(8deg);
}
.auth-stage-v308 .auth-showcase:after{
  position:absolute;
  z-index:0;
  left:50%;
  top:43%;
  width:430px;
  height:175px;
  border:1px solid rgba(119,147,244,.25);
  border-radius:50%;
  box-shadow:
    0 0 0 34px rgba(109,130,238,.025),
    0 0 48px rgba(99,124,241,.17),
    inset 0 0 35px rgba(84,111,233,.1);
  content:"";
  transform:translate(-50%,-50%) rotate(-9deg);
}
.auth-stage-v308 .auth-showcase-shade{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(5,9,16,.02),transparent 43%,rgba(5,8,14,.92)),
    linear-gradient(90deg,transparent 67%,rgba(7,11,18,.46));
}
.auth-stage-v308 .auth-showcase-brand,
.auth-stage-v308 .auth-showcase-copy{z-index:3}
.auth-stage-v308 .auth-showcase-copy>span{
  border-color:rgba(141,166,235,.3);
  background:rgba(8,13,24,.58);
  color:#a9bcf4;
}
.auth-stage-v308 .auth-showcase-copy h2{font-size:clamp(40px,4.3vw,65px)}
.auth-stage-v308 .auth-showcase-copy>div i{background:rgba(130,156,228,.25)}
.auth-stage-v308 .auth-showcase-copy>div i:first-child{
  background:linear-gradient(90deg,var(--access-cyan),var(--access-blue));
  box-shadow:0 0 14px rgba(108,144,255,.4);
}
.auth-stage-v308 .auth-panel{
  padding:67px 48px 38px;
  background:
    radial-gradient(circle at 100% 0,rgba(112,130,255,.12),transparent 28%),
    linear-gradient(150deg,#141d2d,#090e17 74%);
  box-shadow:inset 1px 0 rgba(153,177,238,.12);
}
.auth-stage-v308 .auth-panel-inner{width:min(100%,420px)}
.auth-stage-v308 .auth-panel-logo{width:108px;margin-bottom:16px}
.access-kicker-v308{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:0 0 13px;
  color:#91a9e9;
  font:850 11px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.17em;
}
.access-kicker-v308:before{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--access-cyan);
  box-shadow:0 0 12px rgba(112,220,247,.75);
  content:"";
}
.auth-stage-v308 .auth-tabs{
  border-color:rgba(134,162,229,.22);
  background:#080d15;
}
.auth-stage-v308 .auth-tabs button.active{
  background:linear-gradient(145deg,#344771,#17223a);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 3px 0 #070b13,0 10px 20px rgba(0,0,0,.23);
}
.auth-stage-v308 .auth-workspace-next{
  border-color:rgba(123,149,232,.25);
  background:linear-gradient(145deg,rgba(69,92,168,.14),rgba(11,17,29,.58));
  color:#8fa0bb;
}
.auth-stage-v308 .auth-workspace-next b{color:#93a9ff}
.access-journey-v308{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:0 0 18px;
}
.access-journey-v308 span{
  position:relative;
  min-width:0;
  padding:10px 9px;
  border:1px solid rgba(132,160,225,.17);
  border-radius:11px;
  background:#0b111c;
  text-align:left;
}
.access-journey-v308 span:after{
  position:absolute;
  right:-6px;
  top:50%;
  width:11px;
  height:1px;
  background:rgba(118,147,218,.3);
  content:"";
}
.access-journey-v308 span:last-child:after{display:none}
.access-journey-v308 small,
.access-journey-v308 strong{display:block}
.access-journey-v308 small{
  color:#667899;
  font:800 10px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.1em;
}
.access-journey-v308 strong{margin-top:5px;color:#c7d3e8;font-size:12px}
.auth-stage-v308 .auth-provider,
.auth-stage-v308 .auth-email-toggle{
  border-color:rgba(135,163,228,.23);
  background:linear-gradient(145deg,#1c273b,#0e1522);
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 5px 0 #050812,0 14px 25px rgba(0,0,0,.25);
}
.auth-stage-v308 .auth-provider.google:hover,
.auth-stage-v308 .auth-email-toggle:hover{border-color:#7e97e7}
.auth-stage-v308 .auth-provider.kakao{
  /* 카카오 브랜드색이다. 라임으로 잘못 읽어 청록으로 바꿨던 것을 되돌린다. */
  border-color:#d8c712;
  background:linear-gradient(180deg,#ffeb38,#f6dc00);
}
.auth-stage-v308 .auth-form :is(input,select){
  border-color:rgba(136,163,225,.26);
  background:#080e17;
}
.auth-stage-v308 .auth-form :is(input,select):focus{
  border-color:#8295ff;
  box-shadow:inset 4px 4px 9px rgba(0,0,0,.32),0 0 0 3px rgba(116,137,255,.11),0 0 22px rgba(91,112,238,.08);
}
.auth-stage-v308 .auth-submit{
  border-color:#b8c3ff;
  background:
    radial-gradient(circle at 14% 0,rgba(255,255,255,.27),transparent 30%),
    linear-gradient(180deg,#8797ff,#6374e5 58%,#5261c9);
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 5px 0 #29378d,0 16px 29px rgba(59,78,195,.28);
  color:#fff;
  text-shadow:0 1px 2px rgba(17,25,78,.42);
}
.auth-stage-v308 .auth-submit span{
  border-radius:10px;
  background:rgba(15,22,74,.2);
}

/* Pricing command center */
body.pricing-stage-v308{
  --price-lime:var(--access-blue);
  --price-blue:#789cff;
  --price-violet:#8775ff;
}
.pricing-stage-v308 .pricing-shell{width:min(1330px,calc(100% - 36px));padding-top:108px}
.pricing-stage-v308 .pricing-hero{
  min-height:405px;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);
  align-items:center;
  padding:54px 56px;
  border-color:rgba(139,165,232,.27);
  background:
    radial-gradient(circle at 84% 3%,rgba(110,99,240,.25),transparent 31%),
    linear-gradient(145deg,#1d2a43,#080e18 72%);
}
.pricing-stage-v308 .pricing-hero h1{font-size:clamp(44px,5.4vw,73px)}
.pricing-stage-v308 .pricing-hero-visual{
  min-height:280px;
  align-content:center;
  transform-style:preserve-3d;
}
.pricing-stage-v308 .pricing-hero-visual span{
  border-color:rgba(149,174,239,.27);
  background:linear-gradient(145deg,rgba(56,72,116,.88),rgba(10,16,29,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 9px 0 #050814,0 25px 45px rgba(0,0,0,.35);
}
.pricing-stage-v308 .pricing-hero-visual span:first-child{
  min-height:220px;
  background:
    radial-gradient(circle at 62% 22%,rgba(140,156,255,.32),transparent 28%),
    linear-gradient(145deg,#2a3970,#0a1121);
}
.pricing-model-rule-v308{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin-top:19px;
  padding:14px 16px;
  border:1px solid rgba(116,218,244,.28);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(59,116,154,.14),rgba(8,14,24,.72));
}
.pricing-model-rule-v308>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(124,222,246,.37);
  border-radius:11px;
  background:linear-gradient(145deg,#1d4660,#0c1b29);
  color:#9deeff;
  font-style:normal;
  font-weight:900;
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 13px rgba(0,0,0,.24);
}
.pricing-model-rule-v308 strong,
.pricing-model-rule-v308 small{display:block}
.pricing-model-rule-v308 strong{font-size:11px}
.pricing-model-rule-v308 small{margin-top:4px;color:#7892ac;font-size:11px}
.pricing-model-rule-v308 b{
  padding:7px 9px;
  border:1px solid rgba(126,154,232,.22);
  border-radius:999px;
  color:#a9bcf2;
  font:800 11px/1 ui-monospace,Consolas,monospace;
  white-space:nowrap;
}
.pricing-stage-v308 .pricing-principle i{
  background:var(--access-cyan);
  box-shadow:0 0 18px rgba(112,220,247,.65);
}
.pricing-stage-v308 .pricing-cycle button.active{
  background:linear-gradient(145deg,#41558b,#1d2a4b);
}
.pricing-stage-v308 .pricing-cycle em{color:#aeb9ff}
.pricing-stage-v308 .pricing-cards{gap:17px}
.pricing-stage-v308 .pricing-card{
  min-height:620px;
  padding:28px 25px 23px;
  border-color:rgba(137,165,230,.22);
  background:
    radial-gradient(circle at 90% 2%,rgba(101,128,224,.13),transparent 27%),
    linear-gradient(155deg,#1b2639,#090f18 68%);
}
.pricing-stage-v308 .pricing-card.pro{
  border-color:rgba(135,151,255,.7);
  background:
    radial-gradient(circle at 82% 0,rgba(115,103,242,.28),transparent 29%),
    linear-gradient(150deg,#28365b,#0a101c 68%);
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 9px 0 #080b18,0 30px 68px rgba(34,48,113,.38);
}
.pricing-stage-v308 .pricing-card.is-current{
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 0 1px #8395ff,0 28px 65px rgba(0,0,0,.35);
}
.pricing-stage-v308 .pro .pricing-tag{border-color:rgba(151,165,255,.52);color:#bdc7ff}
.pricing-stage-v308 .pricing-includes li:before{
  border-color:rgba(137,164,235,.3);
  background:#172440;
  color:#a8c2ff;
}
.pricing-stage-v308 .pricing-card-cta{
  border-color:rgba(148,174,239,.38);
  background:linear-gradient(145deg,#29395a,#111a2a);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 5px 0 #070b14,0 17px 29px rgba(0,0,0,.28);
}
.pricing-stage-v308 .pricing-card-cta i{
  border:1px solid rgba(213,221,255,.27);
  background:linear-gradient(145deg,#8091ff,#5e70dd);
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 4px 0 #29378c,0 10px 19px rgba(64,82,202,.27);
  color:#fff;
}
.pricing-stage-v308 .pro .pricing-card-cta{
  border-color:#aebaff;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.23),transparent 31%),
    linear-gradient(145deg,#7388f6,#6759d9);
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 5px 0 #303b96,0 18px 32px rgba(61,73,192,.32);
}
.pricing-stage-v308 .pricing-card.is-current .pricing-card-cta span:after{color:#aeb9ff}
.pricing-stage-v308 .pricing-matrix b,
.pricing-stage-v308 .topup-grid b{color:#99adff}

/* Plan review dialog */
.plan-review-modal-v308{
  position:fixed;
  z-index:20100;
  inset:0;
  display:grid;
  place-items:center;
  padding:22px;
}
.plan-review-modal-v308[hidden]{display:none}
.plan-review-backdrop-v308{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(3,7,14,.86);
  backdrop-filter:blur(18px) saturate(112%);
}
.plan-review-dialog-v308{
  position:relative;
  width:min(680px,100%);
  overflow:hidden;
  border:1px solid rgba(143,168,235,.38);
  border-radius:27px;
  background:
    radial-gradient(circle at 87% -8%,rgba(111,104,245,.22),transparent 35%),
    linear-gradient(145deg,#1d2a43,#080e18 73%);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 11px 0 #03060d,0 42px 110px rgba(0,0,0,.72);
}
.plan-review-dialog-v308>header{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:18px;
  padding:25px 26px 22px;
  border-bottom:1px solid rgba(135,162,226,.15);
}
.plan-review-dialog-v308>header small{
  display:block;
  color:#93abef;
  font:850 11px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.17em;
}
.plan-review-dialog-v308>header h2{margin:9px 0 0;font-size:27px;letter-spacing:-.045em}
.plan-review-close-v308{
  position:relative;
  width:42px;
  height:42px;
  border:1px solid rgba(144,170,233,.28);
  border-radius:13px;
  background:linear-gradient(145deg,#263550,#0e1726);
  cursor:pointer;
}
.plan-review-close-v308:before,
.plan-review-close-v308:after{
  position:absolute;
  left:50%;
  top:50%;
  width:15px;
  height:1.5px;
  border-radius:2px;
  background:#d8e3f7;
  content:"";
  transform:translate(-50%,-50%) rotate(45deg);
}
.plan-review-close-v308:after{transform:translate(-50%,-50%) rotate(-45deg)}
.plan-review-body-v308{padding:25px 26px}
.plan-review-plan-v308{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  padding:18px;
  border:1px solid rgba(134,160,228,.23);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(50,68,112,.46),rgba(9,15,25,.78));
}
.plan-review-core-v308{
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  border:1px solid rgba(184,197,255,.48);
  border-radius:17px;
  background:linear-gradient(145deg,#8394ff,#4e5dbe);
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 7px 0 #26347f,0 16px 27px rgba(51,67,179,.26);
  color:#fff;
  font-size:12px;
  font-weight:950;
}
.plan-review-plan-v308 small,
.plan-review-plan-v308 strong{display:block}
.plan-review-plan-v308 small{color:#7486a5;font:800 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.12em}
.plan-review-plan-v308 strong{margin-top:7px;font-size:18px}
.plan-review-price-v308{text-align:right}
.plan-review-price-v308 b{display:block;color:#fff;font-size:19px}
.plan-review-price-v308 span{display:block;margin-top:5px;color:#8090a8;font-size:11px}
.plan-review-credit-v308{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:12px;
  padding:14px 16px;
  border:1px solid rgba(111,212,240,.2);
  border-radius:14px;
  background:rgba(31,87,111,.09);
}
.plan-review-credit-v308 span{color:#7990aa;font-size:12px}
.plan-review-credit-v308 strong{color:#a5eaff;font-size:12px}
.plan-review-rule-v308{
  display:grid;
  grid-template-columns:29px minmax(0,1fr);
  gap:11px;
  align-items:center;
  margin:17px 0 0;
  color:#8f9eb4;
  font-size:12px;
  line-height:1.6;
}
.plan-review-rule-v308 i{
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  border:1px solid rgba(112,221,247,.28);
  border-radius:9px;
  background:#102330;
  color:#9beaff;
  font-style:normal;
}
.plan-review-dialog-v308>footer{
  display:grid;
  grid-template-columns:auto minmax(220px,1fr);
  gap:9px;
  padding:18px 26px 24px;
  border-top:1px solid rgba(135,161,223,.14);
}
.plan-review-dialog-v308>footer button,
.plan-review-dialog-v308>footer a{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border:1px solid rgba(139,165,229,.25);
  border-radius:12px;
  background:linear-gradient(145deg,#1e2a40,#0d1522);
  color:#c3d0e4;
  font-size:12px;
  font-weight:900;
  text-decoration:none;
  cursor:pointer;
}
.plan-review-dialog-v308>footer a{
  justify-content:space-between;
  border-color:#b1bdff;
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.25),transparent 30%),
    linear-gradient(145deg,#768bf8,#6658d8);
  box-shadow:inset 0 1px rgba(255,255,255,.33),0 5px 0 #303a91,0 17px 30px rgba(57,70,187,.29);
  color:#fff;
}
.plan-review-dialog-v308>footer a span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(21,25,91,.22);
  font-size:15px;
}
body.plan-review-open-v308{overflow:hidden}

/* Checkout handoff */
body.checkout-stage-v308{
  background:
    linear-gradient(rgba(111,141,219,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(111,141,219,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 0,rgba(97,116,235,.14),transparent 31%),
    #060910;
  background-size:36px 36px,36px 36px,auto,auto;
}
.checkout-stage-v308 .pay-wrap{max-width:760px;padding-top:72px}
.checkout-stage-v308 .pay-back{
  padding:9px 12px;
  border:1px solid rgba(136,163,225,.19);
  border-radius:10px;
  background:#0d1420;
  color:#9eafd0;
  text-decoration:none;
}
.checkout-steps-v308{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:14px;
}
.checkout-steps-v308 span{
  min-height:56px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border:1px solid rgba(135,161,224,.18);
  border-radius:13px;
  background:#0b111b;
  color:#74849c;
  font-size:12px;
  font-weight:850;
}
.checkout-steps-v308 span b{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border:1px solid rgba(140,168,232,.24);
  border-radius:9px;
  background:#17243a;
  color:#9eb9f4;
  font:850 11px/1 ui-monospace,Consolas,monospace;
}
.checkout-steps-v308 span.active{
  border-color:rgba(135,153,255,.53);
  background:linear-gradient(145deg,#24335a,#101829);
  color:#e8edff;
}
.checkout-steps-v308 span.active b{
  border-color:#b4c0ff;
  background:linear-gradient(145deg,#7f91ff,#5363c7);
  color:#fff;
}
.checkout-stage-v308 .pay-card{
  position:relative;
  overflow:hidden;
  padding:34px;
  border-color:rgba(139,165,230,.28);
  border-radius:27px;
  background:
    radial-gradient(circle at 90% -4%,rgba(107,102,239,.2),transparent 31%),
    linear-gradient(150deg,#19263c,#080e17 72%);
  box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 0 #03060c,0 35px 85px rgba(0,0,0,.47);
}
.checkout-stage-v308 .pay-card small{color:#96adf1}
.checkout-stage-v308 .pay-card h1{font-size:30px}
.checkout-stage-v308 .pay-line{border-color:rgba(135,161,222,.14)}
.checkout-stage-v308 .pay-amount .v{color:#aab8ff}
.checkout-stage-v308 .pay-btn{
  border:1px solid #b6c1ff;
  background:
    radial-gradient(circle at 13% 0,rgba(255,255,255,.25),transparent 30%),
    linear-gradient(180deg,#8495ff,#6576e5 58%,#5362cb);
  box-shadow:inset 0 1px rgba(255,255,255,.52),0 5px 0 #29378b,0 17px 31px rgba(56,75,194,.28);
  color:#fff;
}

/* Account subscription control */
.account-stage-v308 .account-heading{
  border-color:rgba(137,164,230,.26);
  background:
    radial-gradient(circle at 84% 0,rgba(107,102,239,.18),transparent 31%),
    linear-gradient(145deg,#1a283e,#080e17 72%);
}
.access-account-rule-v308{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:15px;
  align-items:center;
  margin:16px 0;
  padding:17px 19px;
  border:1px solid rgba(110,211,239,.22);
  border-radius:17px;
  background:linear-gradient(145deg,rgba(42,91,121,.13),rgba(8,14,23,.78));
}
.access-account-rule-v308>i{
  width:50px;
  height:50px;
  display:grid;
  place-items:center;
  border:1px solid rgba(126,224,246,.33);
  border-radius:15px;
  background:linear-gradient(145deg,#24516a,#0d1d2b);
  color:#a1efff;
  font-style:normal;
  font-weight:950;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 6px 16px rgba(0,0,0,.25);
}
.access-account-rule-v308 strong,
.access-account-rule-v308 span{display:block}
.access-account-rule-v308 strong{font-size:13px}
.access-account-rule-v308 span{margin-top:5px;color:#8091a9;font-size:12px;line-height:1.55}
.access-account-rule-v308 a{
  padding:11px 13px;
  border:1px solid rgba(142,169,233,.27);
  border-radius:11px;
  background:#142038;
  color:#b8c9ef;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}

.access-stage-v308 [data-access-react]{
  --access-px:50%;
  --access-py:50%;
}
.access-stage-v308 [data-access-react]:after{
  background:radial-gradient(circle at var(--access-px) var(--access-py),rgba(255,255,255,.08),transparent 32%);
}

@media(max-width:980px){
  .auth-stage-v308 .auth-dialog{grid-template-columns:1fr;width:min(600px,calc(100vw - 28px));min-height:auto}
  .auth-stage-v308 .auth-showcase{display:none}
  .pricing-stage-v308 .pricing-hero{grid-template-columns:1fr}
  .pricing-stage-v308 .pricing-hero-visual{display:none}
}
@media(max-width:680px){
  .auth-stage-v308 .auth-panel{padding:64px 21px 28px}
  .access-journey-v308{grid-template-columns:1fr}
  .access-journey-v308 span:after{display:none}
  .pricing-model-rule-v308{grid-template-columns:auto minmax(0,1fr)}
  .pricing-model-rule-v308 b{grid-column:2;justify-self:start}
  .plan-review-dialog-v308>footer{grid-template-columns:1fr}
  .checkout-stage-v308 .pay-wrap{padding:38px 12px 70px}
  .checkout-stage-v308 .pay-card{padding:25px 20px}
  .checkout-steps-v308{grid-template-columns:1fr}
  .access-account-rule-v308{grid-template-columns:46px 1fr}
  .access-account-rule-v308>a{grid-column:2;justify-self:start}
}
@media(prefers-reduced-motion:reduce){
  .auth-stage-v308 .auth-showcase:before,
  .pricing-stage-v308 .pricing-card,
  .pricing-stage-v308 .pricing-card-cta,
  .plan-review-dialog-v308{animation:none!important;transition:none!important}
}