/* Public storefront and account pages. Admin layout remains in style.css. */
.public-shell{display:block;background:#f8faff;min-height:100vh}
.public-shell .sidebar{display:none}
.public-shell .main-area{min-height:100vh}
.public-shell .topbar{min-height:76px;padding:0 max(30px,calc((100vw - 1420px)/2));background:#fff;border-bottom:1px solid #e7edf6;box-shadow:0 2px 16px #15366306}
.public-logo{display:flex;align-items:center;gap:11px;white-space:nowrap}
.public-logo img{border-radius:12px}
.public-logo strong{display:block;font-size:14px;letter-spacing:.055em;font-weight:850;color:#172846}
.public-logo small{display:block;margin-top:2px;color:#6a86a6;font-size:9px;letter-spacing:.27em;font-weight:800}
.public-nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:35px;height:76px}
.public-nav a{display:grid;align-items:center;height:100%;color:#6b7d95;font-size:13px;font-weight:700;position:relative}
.public-nav a:hover,.public-nav a.active{color:#205db7}
.public-nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px;background:#276bc7}
.public-shell .top-actions .btn{font-size:12px;padding:8px 18px;border-color:#d5e2f2;color:#24528c}
.public-shell .content{max-width:1420px;padding:30px 30px 78px}
.public-shell .footer{width:min(1420px,100%);margin:auto;padding:23px 30px 33px;border-top:1px solid #e7ebf3}
.public-shell .alert{margin-bottom:19px}

/* Storefront */
.market-hero{position:relative;isolation:isolate;min-height:390px;display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border:1px solid #e2eaf6;border-radius:27px;background:linear-gradient(117deg,#fff 0%,#fff 38%,#f2f7ff 100%);box-shadow:0 20px 60px #203c7010}
.market-hero:before{content:"";position:absolute;width:600px;height:600px;right:-100px;top:-170px;border-radius:50%;z-index:-1;background:radial-gradient(circle,#d9e8ff 0%,#f1f6ff 47%,transparent 71%)}
.market-hero-copy{padding:49px 38px 45px 65px;align-self:center}
.market-kicker{display:inline-flex;align-items:center;gap:9px;color:#245db3;font-size:11px;font-weight:850;letter-spacing:.15em}
.kicker-dot{width:8px;height:8px;border-radius:50%;background:#2673d5;box-shadow:0 0 0 5px #2673d51c}
.market-hero h1{max-width:680px;margin:22px 0 18px;font-size:clamp(40px,3.7vw,61px);font-weight:850;line-height:1.075;letter-spacing:-.057em;color:#182943}
.market-hero h1 span{color:#2468c6}
.market-hero-copy>p{max-width:570px;color:#647894;font-size:15px;line-height:1.7;margin:0}
.market-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}
.market-hero-actions .btn{min-height:47px;padding:12px 18px}
.market-hero-actions .outline{background:#fff;color:#25599e;border-color:#d7e5f6}
.market-wallet{display:inline-flex;align-items:center;gap:8px;font-weight:750;color:#245693;padding:12px 14px;border:1px solid #d8e6f6;border-radius:11px;background:#fff}
.market-hero-points{display:flex;gap:26px;flex-wrap:wrap;margin-top:35px;color:#70849f;font-size:12px;font-weight:650}
.market-hero-points span{display:inline-flex;align-items:center;gap:8px}.market-hero-points .icon{width:17px;height:17px;color:#2d75cc}
.market-art{position:relative;min-height:388px;display:flex;align-items:center;justify-content:center}
.market-art-ring{position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid #bed5f78c;background:radial-gradient(circle,#e7f1ff 8%,#e7f1ff50 65%,transparent 68%)}
.market-art-orbit{position:absolute;border-radius:50%;border:1px solid #a9cbf669}.orbit-one{width:320px;height:320px}.orbit-two{width:500px;height:500px}
.art-account{position:absolute;display:flex;align-items:center;gap:13px;width:247px;padding:15px;border-radius:17px;background:#ffffffed;border:1px solid #e1e9f3;box-shadow:0 17px 41px #265b9922;transform:rotate(-5deg)}
.art-aws{top:65px;left:15%}.art-vultr{top:155px;right:9%;transform:rotate(5deg)}
.art-account .art-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#fff2da;color:#d88913}.art-account .art-icon .icon{width:25px;height:25px}.art-vultr .art-icon{background:#eaf4ff;color:#2772d2}
.art-account small{display:block;font-size:9px;letter-spacing:.12em;color:#8593a9;font-weight:800}.art-account strong{display:block;margin-top:4px;font-size:19px;color:#213a5a}
.art-check{display:grid;place-items:center;width:21px;height:21px;margin-left:auto;border-radius:50%;background:#e5f7ef;color:#20986b;font-size:12px;font-weight:850}
.art-delivery{position:absolute;bottom:42px;left:18%;display:flex;align-items:center;gap:11px;padding:13px 17px;border:1px solid #dbe7f7;border-radius:13px;background:#fff;box-shadow:0 13px 32px #24538d20;color:#2868be}
.art-delivery .icon{width:21px;height:21px}.art-delivery strong{display:block;color:#273d5b;font-size:12px}.art-delivery small{display:block;color:#8697ad;margin-top:2px;font-size:10px}
.market-catalog{padding-top:35px}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:19px}.catalog-heading h2{margin:6px 0 3px;font-size:29px;letter-spacing:-.035em}.catalog-heading p{margin:0;color:#7688a2;font-size:13px}.listing-count{padding:8px 11px;border:1px solid #e2eaf5;border-radius:9px;color:#61758f;background:#fff;font-size:12px}
.catalog-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:21px;align-items:start}.catalog-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.market-product{min-height:308px;display:flex;flex-direction:column;padding:25px;border-radius:19px;border:1px solid #e1e9f4;background:#fff;box-shadow:0 10px 30px #2147760b;transition:transform .18s,box-shadow .18s,border-color .18s}.market-product:hover{transform:translateY(-4px);box-shadow:0 18px 38px #21477619;border-color:#b9d1ee}
.market-product-top,.market-product-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px}.market-product .product-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#fff2df;color:#dc8b17}.market-product.vultr .product-symbol{background:#e9f3ff;color:#226ac7}.market-product .product-symbol .icon{width:28px;height:28px}
.market-product .product-category{margin-top:25px;color:#8d9db3;font-size:10px;font-weight:850;letter-spacing:.15em}.market-product h3{margin:7px 0 3px;font-size:22px;letter-spacing:-.025em;color:#1c2b45}.market-product>p{margin:4px 0 19px;color:#70829e;line-height:1.55;min-height:42px}
.market-product-bottom{margin-top:auto;padding-top:18px;border-top:1px solid #edf1f7}.market-product-bottom>div>span{display:block;color:#8c9bb0;font-size:10px;letter-spacing:.08em;font-weight:750}.market-product-bottom strong{display:block;margin-top:3px;color:#1b2a44;font-size:23px;letter-spacing:-.035em}.market-product-bottom .btn{padding:10px 13px;font-size:12px}.market-product-bottom .product-link{background:#edf5ff;color:#1e5baa;border-color:#d3e4f9}.sold-out-action{font-size:12px;color:#ad7255;font-weight:750}
.direct-pay-form{margin-top:14px;padding-top:13px;border-top:1px solid #edf1f7}.direct-pay-form label{margin:0;color:#526d91;font-size:11px;font-weight:750}.direct-pay-form input{margin:6px 0 9px;min-height:39px}.direct-pay-form .btn{width:100%;justify-content:center;background:#edf5ff;color:#1e5baa;border-color:#d3e4f9}
.direct-pay-form small{display:block;margin-top:8px;color:#8293aa;font-size:10px;line-height:1.5}
.market-empty{grid-column:1/-1;min-height:260px;padding:50px;text-align:center;background:#fff;border:1px dashed #bfd0e7;border-radius:18px;color:#7386a1}.market-empty .icon{width:33px;height:33px;color:#2671c9}.market-empty h3{margin:12px 0 5px;color:#273d5b}
.market-steps{padding:27px 27px 22px;background:#eef5ff;border:1px solid #dce9f9;border-radius:19px}.market-steps h3{margin:10px 0 22px;font-size:20px;line-height:1.25;letter-spacing:-.025em}.step{display:flex;gap:13px;align-items:flex-start;position:relative;padding:0 0 21px}.step:not(:last-of-type):before{content:"";position:absolute;left:16px;top:37px;bottom:4px;width:1px;background:#bfd3f0}.step-number{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:#fff;color:#2468c4;font-size:11px;font-weight:850;box-shadow:0 2px 8px #275cad13}.step strong{font-size:12px}.step p{margin:5px 0 0;color:#6d819e;font-size:11px;line-height:1.5}.steps-note{display:flex;align-items:center;gap:9px;border-top:1px solid #d6e4f7;padding-top:16px;color:#3e648f;font-size:11px;font-weight:700}.steps-note .icon{width:17px;height:17px;color:#266dc9}

/* Sign in / create account */
.public-shell:has(.new-auth-layout){background:#f5f8fd}.public-shell:has(.new-auth-layout) .content{display:flex;align-items:center;justify-content:center;width:100%;padding-top:40px;padding-bottom:50px}
.new-auth-layout{display:grid;grid-template-columns:1.04fr .96fr;width:min(1140px,100%);min-height:590px;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #e2eaf6;box-shadow:0 26px 65px #244d7e15}
.new-auth-story{position:relative;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;padding:54px 53px 37px;background:linear-gradient(143deg,#122949,#15487f 58%,#1e5dad);color:#fff}
.new-auth-story:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 85% 91%,#71b5ff62,transparent 42%),radial-gradient(circle at 0% 0%,#ffffff16,transparent 36%)}
.new-auth-story:after{content:"";position:absolute;z-index:-1;width:400px;height:400px;right:-150px;top:-120px;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 55px #ffffff08,0 0 0 112px #ffffff05}
.auth-kicker{display:flex;align-items:center;gap:10px;color:#bcdcff;font-size:10px;letter-spacing:.17em;font-weight:820}.auth-kicker span{width:8px;height:8px;background:#6ddcdd;border-radius:50%;box-shadow:0 0 0 5px #6ddcdd20}
.new-auth-story h1{max-width:520px;margin:52px 0 18px;font-size:clamp(36px,3.2vw,49px);line-height:1.12;letter-spacing:-.05em}.new-auth-story h1 em{color:#a5d7ff;font-style:normal}.new-auth-story>p{max-width:420px;margin:0;color:#d0e2f5;line-height:1.7;font-size:14px}
.auth-feature-panel{display:flex;align-items:center;gap:13px;max-width:405px;margin-top:42px;padding:15px;background:#ffffff14;border:1px solid #ffffff37;border-radius:15px;backdrop-filter:blur(4px)}.auth-feature-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#ffffff22;color:#d1e8ff}.auth-feature-panel strong{display:block;font-size:12px}.auth-feature-panel small{display:block;margin-top:4px;color:#c2d8ee;font-size:10px;letter-spacing:.05em}.auth-feature-arrow{margin-left:auto;color:#d4e9ff}
.auth-story-footer{display:flex;gap:23px;flex-wrap:wrap;margin-top:auto;padding-top:38px;color:#c7e0f5;font-size:11px}.auth-story-footer span{display:inline-flex;align-items:center;gap:8px}.auth-story-footer .icon{width:16px;height:16px}.auth-glow{position:absolute;z-index:-1;right:-45px;bottom:-125px;width:320px;height:320px;border-radius:50%;background:#62b4fd31;filter:blur(45px)}
.new-auth-form{align-self:center;width:min(100%,440px);margin:auto;padding:45px 36px}.auth-form-head h2{margin:10px 0 8px;font-size:30px;letter-spacing:-.035em;color:#1c2c47}.auth-form-head p{margin:0;color:#74859f;line-height:1.55;font-size:12px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:29px 0 27px;padding:4px;border:1px solid #e4ebf4;border-radius:11px;background:#f4f7fb}.auth-switch a{padding:11px;border-radius:8px;text-align:center;color:#70819a;font-size:12px;font-weight:750}.auth-switch a.active{color:#205dab;background:#fff;box-shadow:0 2px 8px #24487915}
.new-auth-form label{margin-bottom:16px;color:#3e526d;font-size:12px;font-weight:750}.new-auth-form input{height:47px;margin-top:8px;border-radius:10px;background:#fff;border-color:#dce6f1}.new-auth-form input::placeholder{color:#a1b0c3}.new-auth-form .btn{min-height:47px;margin-top:7px}.label-hint{float:right;color:#93a2b6;font-weight:500}.auth-helper{margin:24px 0 0;text-align:center;font-size:12px;color:#7b8ba2}.auth-helper a{color:#1d61bd;font-weight:750}.auth-helper a:hover{text-decoration:underline}
.social-options{display:grid;gap:9px;margin:-8px 0 20px}.social-option{display:flex;align-items:center;justify-content:center;gap:11px;min-height:47px;border:1px solid #dce6f1;border-radius:10px;background:#fff;color:#243b58;font-size:13px;font-weight:750;transition:background .15s,border-color .15s,transform .15s}.social-option:hover{background:#f3f8ff;border-color:#9bc1f0;transform:translateY(-1px)}.social-mark{display:inline-grid;place-items:center;width:23px;height:23px;flex:none;font-weight:900}.google-mark{font-size:22px;line-height:1;background:conic-gradient(#4285f4 0 90deg,#34a853 90deg 180deg,#fbbc05 180deg 240deg,#ea4335 240deg 320deg,#4285f4 320deg);background-clip:text;-webkit-background-clip:text;color:transparent}.github-mark{width:24px;height:24px;background:#182235;color:#fff;border-radius:50%;font-size:9px;letter-spacing:-.1em;padding-right:2px}.social-divider{position:relative;margin:0 0 20px;text-align:center;color:#94a3b8;font-size:11px}.social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e7edf5}.social-divider span{position:relative;background:#fff;padding:0 12px}
.public-shell a:focus-visible,.public-shell button:focus-visible{outline:3px solid #6aa7ef;outline-offset:3px}
@media(max-width:1100px){.catalog-layout{grid-template-columns:minmax(0,1fr) 290px}.catalog-products{grid-template-columns:1fr}.market-art-ring{width:320px;height:320px}.art-aws{left:8%}.art-vultr{right:4%}}
@media(max-width:800px){.public-shell .topbar{padding:12px 20px;flex-wrap:wrap;gap:10px}.public-nav{order:3;width:100%;justify-content:center;gap:27px;height:38px;margin:0}.public-nav a{font-size:12px}.public-shell .content{padding:20px 17px 55px}.market-hero{grid-template-columns:1fr}.market-hero-copy{padding:34px 31px}.market-art{min-height:275px}.art-aws{top:13px;left:19%}.art-vultr{top:95px;right:15%}.art-delivery{bottom:20px;left:22%}.catalog-layout{grid-template-columns:1fr}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.new-auth-layout{grid-template-columns:1fr}.new-auth-story{padding:34px;min-height:300px}.new-auth-story h1{margin:26px 0 12px;font-size:35px}.auth-feature-panel,.auth-story-footer{display:none}.new-auth-form{padding:36px 27px}}
@media(max-width:600px){.public-logo strong{font-size:11px}.public-logo small{font-size:8px}.public-logo img{width:38px;height:38px}.public-shell .top-actions .account-pill>span:nth-child(2){display:none}.public-shell .top-actions .btn{padding:7px 10px}.market-hero-copy{padding:31px 23px}.market-hero h1{font-size:37px}.market-hero-points{margin-top:25px;gap:14px}.market-art{min-height:235px}.art-account{width:195px;padding:10px}.art-account .art-icon{width:38px;height:38px}.art-account strong{font-size:15px}.art-aws{left:5%;top:10px}.art-vultr{right:4%;top:78px}.art-delivery{left:11%;bottom:17px}.market-art-ring{width:250px;height:250px}.orbit-one{width:210px;height:210px}.orbit-two{width:310px;height:310px}.catalog-products{grid-template-columns:1fr}.catalog-heading h2{font-size:25px}.market-product{min-height:270px}.new-auth-story{min-height:250px;padding:27px}.new-auth-story h1{font-size:32px}.new-auth-story>p{font-size:12px}.new-auth-form{padding:30px 23px}.auth-form-head h2{font-size:27px}.public-shell .footer{padding:18px}.public-shell .footer span{display:none}}