:root{
  color-scheme:dark;
  --bg:#10090c;--panel:#1a1014;--panel-raised:#211419;
  --text:#fbf6f3;--muted:#bdaab0;--soft:#eacbd2;
  --accent:#d75373;--accent-light:#f0a1b5;
  --border:rgba(235,190,201,.15);--serif:Georgia,"Times New Roman",serif;
  --ui:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:var(--ui);font-size:15px;line-height:1.5}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit}
.experience{position:relative;isolation:isolate;min-height:100svh;overflow:hidden;background:
  radial-gradient(ellipse at 4% 9%,rgba(111,19,45,.48),transparent 42%),
  radial-gradient(ellipse at 100% 92%,rgba(100,21,39,.28),transparent 37%),
  linear-gradient(135deg,#11090c 0%,#080607 54%,#160a0e 100%)}
.experience::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.023) 50%,transparent 100%);background-size:3px 100%}
.ambient{position:absolute;z-index:-1;pointer-events:none;border:1px solid rgba(208,67,101,.18);transform:rotate(45deg)}
.ambient--one{width:530px;height:530px;left:-340px;top:18%;box-shadow:0 0 100px rgba(130,25,49,.15)}
.ambient--two{width:420px;height:420px;right:-330px;bottom:-200px}
.frame{position:relative;display:flex;flex-direction:column;width:min(100%,1440px);min-height:100svh;margin:auto;padding:30px clamp(24px,5.5vw,88px) 24px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:66px}
.brand{display:flex;align-items:center;gap:28px;min-width:0}
.brand img{display:block;width:clamp(172px,17vw,226px);height:auto;object-fit:contain}
.brand__id{padding-left:27px;border-left:1px solid rgba(255,255,255,.18);color:#cdb9bd;white-space:nowrap;font-size:10px;line-height:1.15;font-weight:700;letter-spacing:.25em}
.brand__id b{color:var(--accent-light)}
.topbar__secure{display:flex;align-items:center;gap:10px;color:#e6bbc6;font-size:10px;font-weight:700;letter-spacing:.23em;white-space:nowrap}
.secure-dot{width:6px;height:6px;border-radius:50%;background:#e77994;box-shadow:0 0 12px #e77994}
.login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(410px,510px);align-items:center;gap:clamp(36px,6vw,104px);flex:1;padding:32px 0 40px}
.story{padding:20px 0 40px}
.eyebrow{display:flex;align-items:center;gap:15px;color:#e59bae;font-size:10px;font-weight:750;letter-spacing:.28em}
.eyebrow__line{width:31px;height:1px;background:var(--accent)}
.story h1,.selector h1{margin:28px 0 20px;font:400 clamp(60px,6.5vw,104px)/.99 var(--serif);letter-spacing:-.05em}
.story h1 em,.selector h1 em{font-weight:400;color:#e27891}
.story>p{max-width:440px;margin:0;color:#d2c0c3;font-size:clamp(16px,1.5vw,20px);line-height:1.65}
.story__services{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px}
.story__services span{padding:9px 13px;border:1px solid rgba(236,166,183,.25);border-radius:999px;color:#eddce0;font-size:10px;font-weight:700;letter-spacing:.16em}
.story__footer{display:flex;align-items:center;gap:14px;margin-top:76px;color:#a69298;font-size:12px}
.story__mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b33757;transform:rotate(45deg);color:#e19aae;font:700 17px/1 var(--serif)}
.story__mark::first-letter{transform:rotate(-45deg)}
.card{position:relative;padding:clamp(28px,3.2vw,48px);border:1px solid rgba(242,200,209,.17);border-radius:26px;background:linear-gradient(145deg,rgba(39,22,28,.95),rgba(19,12,15,.96) 65%);box-shadow:0 30px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035)}
.card::before{content:"";position:absolute;top:0;left:40px;right:40px;height:1px;background:linear-gradient(90deg,transparent,#c05470,transparent);opacity:.7}
.heading{margin-bottom:29px}
.kicker{margin:0 0 16px;color:#e59bae;font-size:10px;font-weight:750;letter-spacing:.25em}
.heading h2{margin:0;font:400 clamp(36px,3.3vw,47px)/1.13 var(--serif);letter-spacing:-.035em}
.heading__support{margin:12px 0 0;color:var(--muted)}
.login label{display:block;margin:19px 0 8px;color:#e9d9dd;font-size:12px;font-weight:650}
.login input:not([type=hidden]),.password{width:100%;min-height:54px;border:1px solid rgba(241,208,215,.17);border-radius:12px;background:rgba(255,255,255,.045);color:var(--text)}
.login input:not([type=hidden]){padding:0 16px;outline:0}
.login input::placeholder{color:#93868a}
.password{display:flex;overflow:hidden}
.password input:not([type=hidden]){min-width:0;border:0;background:transparent}
.password button{flex:none;min-width:82px;border:0;border-left:1px solid rgba(241,208,215,.15);background:transparent;color:#f0afbf;cursor:pointer;font-size:12px;font-weight:700}
.login input:focus,.password:focus-within{border-color:#e77d98;box-shadow:0 0 0 3px rgba(223,91,126,.16)}
.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:27px;padding:0 19px;border:1px solid rgba(255,190,204,.3);border-radius:12px;background:linear-gradient(110deg,#d75073,#96334e);color:#fff;cursor:pointer;font-size:13px;font-weight:750;letter-spacing:.08em;box-shadow:0 12px 26px rgba(111,24,49,.23)}
.primary span{font-size:19px;font-weight:400}
.primary:hover{filter:brightness(1.12)}
.primary:active{transform:translateY(1px)}
.divider{display:flex;align-items:center;gap:13px;margin:25px 0 17px;color:#a79299;font-size:10px;font-weight:700;letter-spacing:.15em}
.divider::before,.divider::after{content:"";height:1px;flex:1;background:rgba(235,190,201,.14)}
.create{display:flex;justify-content:space-between;align-items:center;min-height:51px;padding:0 17px;border:1px solid rgba(235,190,201,.22);border-radius:12px;color:#f6d8df;font-size:13px;font-weight:700;text-decoration:none}
.create span{font-size:17px;font-weight:400}
.create:hover{border-color:var(--accent-light);background:rgba(224,89,121,.08)}
.login-card__note{margin:19px 0 0;color:#947f86;text-align:center;font-size:11px}
.error{margin:0 0 15px;padding:12px 14px;border:1px solid rgba(244,116,145,.55);border-radius:10px;background:rgba(118,26,47,.3);color:#ffe4e9}
.footer{display:flex;justify-content:space-between;gap:20px;color:#8e7c82;font-size:10px;font-weight:650;letter-spacing:.14em}
.experience--selector .frame{max-width:1270px}
.selector{flex:1;padding:clamp(45px,7vh,85px) 0 70px}
.selector__intro{max-width:770px}
.selector h1{margin:22px 0 13px;font-size:clamp(54px,6vw,88px)}
.selector__intro>p{max-width:630px;margin:0;color:#d0bdc2;font-size:17px;line-height:1.65}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:48px}
.products form{min-width:0;margin:0}
.product{display:flex;flex-direction:column;justify-content:space-between;gap:25px;width:100%;min-height:350px;padding:23px;text-align:left;border:1px solid rgba(242,200,209,.17);border-radius:21px;background:linear-gradient(150deg,#27161d,#170e12 66%);color:var(--text);cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.product::before{content:"";position:absolute}
.product:hover,.product:focus-visible{transform:translateY(-5px);border-color:rgba(238,139,164,.65);background:linear-gradient(150deg,#40202b,#1a1015 72%);box-shadow:0 18px 35px rgba(0,0,0,.25)}
.product:active{transform:translateY(-1px)}
.product__top,.product__action{display:flex;justify-content:space-between;align-items:center}
.product__number{color:#bd8392;font-size:11px;font-weight:700;letter-spacing:.18em}
.product__arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(238,139,164,.32);border-radius:50%;color:#efb5c3;font-size:19px}
.product__content{display:flex;flex-direction:column;gap:12px}
.product__content b{font:400 clamp(21px,2vw,28px)/1.2 var(--serif);letter-spacing:.04em}
.product__content strong{font-weight:400;color:#ef9db1;letter-spacing:.035em}
.product__content>span{min-height:42px;color:#bcabb0;font-size:13px;line-height:1.4}
.product__action{padding-top:14px;border-top:1px solid rgba(242,200,209,.14);color:#f5dde3;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.product__action span{color:#ee9eb2;font-size:20px;font-weight:400}
.selector__note{margin:28px 0 0;color:#a38b93;font-size:12px}
.empty-state{max-width:600px;margin-top:44px;padding:30px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.035)}
.empty-state h2{margin:0;font:400 30px var(--serif)}
.empty-state p{color:var(--muted)}
.empty-state a{color:#f0b2c0}
:focus-visible{outline:2px solid #f39bb2;outline-offset:3px}
@media(max-width:1080px){
  .login-layout{grid-template-columns:minmax(0,1fr) minmax(370px,470px);gap:34px}
  .story h1{font-size:clamp(52px,6vw,76px)}
  .products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product{min-height:275px}
}
@media(max-width:750px){
  .frame{padding:20px 20px 22px}
  .brand img{width:175px}
  .brand__id{display:none}
  .topbar__secure{font-size:9px}
  .login-layout{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:43px 0 39px}
  .story{padding:0}
  .story h1{margin:17px 0 12px;font-size:clamp(49px,10vw,71px)}
  .story>p{font-size:15px;line-height:1.5}
  .story__services,.story__footer{display:none}
  .card{padding:28px 24px}
  .selector{padding:48px 0 56px}
  .selector h1{font-size:clamp(49px,9.6vw,70px)}
  .selector__intro>p{font-size:15px}
  .products{margin-top:32px}
}
@media(max-width:560px){
  .frame{padding:16px 17px 22px}
  .topbar{min-height:52px}
  .brand img{width:157px}
  .topbar__secure{letter-spacing:.12em}
  .eyebrow{font-size:9px;letter-spacing:.16em}
  .eyebrow__line{width:20px}
  .login-layout{padding:30px 0 32px;gap:26px}
  .story h1{font-size:clamp(47px,11.5vw,62px)}
  .story>p{font-size:14px}
  .card{border-radius:20px;padding:26px 21px}
  .heading h2{font-size:35px}
  .selector{padding:41px 0 48px}
  .selector h1{font-size:clamp(46px,11vw,61px)}
  .products{grid-template-columns:1fr;gap:11px;margin-top:27px}
  .product{min-height:156px;padding:17px 19px;gap:13px}
  .product__content{gap:3px}
  .product__content b{font-size:22px}
  .product__content b br{display:none}
  .product__content>span{min-height:0;font-size:12px}
  .product__action{padding-top:7px}
  .product__arrow{width:30px;height:30px;font-size:16px}
  .footer span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}