
:root{color-scheme:dark;--bg:#030303;--card:#0e0e12;--card2:#09090c;--line:#29242f;--mint:#b700ff;--blue:#7a19ff;--text:#f9f7fb;--muted:#a39da9;--pink:#e742ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.public-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 85% 5%,#142d4b 0,transparent 28%),var(--bg)}.site-header{height:82px;max-width:1280px;margin:auto;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.site-header>button{background:none;border:0}.logo{font:800 29px Inter;color:var(--text);letter-spacing:-1.5px}.logo span{color:var(--mint)}.site-header nav{display:flex;gap:7px}.site-header nav button,.language button,.hamb{background:none;border:0;color:var(--muted);padding:11px 14px;border-radius:10px}.site-header nav button:hover,.site-header nav button.active{color:var(--text);background:#ffffff0c}.head-actions{display:flex;align-items:center;gap:18px}.language{display:flex;background:#101d31;border:1px solid var(--line);padding:3px;border-radius:11px}.language button{padding:6px 9px;font-size:11px;font-weight:700}.language .active{background:var(--mint);color:var(--bg)}.hamb{display:none}.toast{position:fixed;z-index:20;top:94px;left:50%;transform:translateX(-50%);max-width:650px;background:#173c36;border:1px solid var(--mint);padding:13px 18px;border-radius:12px;color:var(--mint);box-shadow:0 15px 60px #0008}.toast button{float:right;margin-left:18px;background:0;border:0;color:inherit;font-size:18px}.hero{max-width:1280px;min-height:640px;margin:auto;padding:90px 34px 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow{color:var(--mint);font-size:11px;letter-spacing:2.5px;font-weight:700}.hero h1,.page-head h1{font:800 clamp(48px,7vw,92px)/.96 Inter;margin:20px 0;letter-spacing:-5px}.hero>div>p:not(.eyebrow),.page-head>p:last-child{color:var(--muted);font-size:18px;max-width:590px;line-height:1.7}.actions{display:flex;gap:12px;margin:32px 0}.primary,.ghost{padding:15px 22px;border-radius:12px;border:1px solid var(--line);font-weight:700}.primary{background:var(--mint);color:#06111d;border-color:var(--mint)}.ghost{background:transparent;color:var(--text)}.proof{display:flex;gap:24px;color:var(--muted);font-size:12px}.proof b{color:var(--text)}.visual{min-height:470px;display:grid;place-items:center;position:relative}.visual:before,.visual:after{content:'';position:absolute;border:1px solid #72f4c52c;border-radius:50%;width:480px;height:480px}.visual:after{width:330px;height:330px}.score{position:relative;z-index:2;width:min(380px,90%);padding:32px;background:linear-gradient(145deg,#172a45,#0c1729);border:1px solid #5e789d66;border-radius:26px;box-shadow:0 35px 90px #0009;transform:rotate(-3deg)}.score>small{color:var(--mint);letter-spacing:2px}.score h2{font:800 46px Inter;display:flex;justify-content:space-between;align-items:center}.score h2 i{font:400 12px Inter;color:var(--muted)}.bars{display:flex;height:45px;gap:7px;align-items:end}.bars i{flex:1;background:var(--mint);border-radius:4px 4px 0 0}.bars i:nth-child(1){height:35%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:82%}.bars i:nth-child(5){height:68%}.score section{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.score section b,.metrics b{display:flex;flex-direction:column;font-size:25px;background:#07101f;padding:14px;border-radius:12px}.score small,.metrics small{order:2;font-size:10px;color:var(--muted);font-weight:500;margin-top:5px;text-transform:uppercase}.score>p{color:var(--mint);font-weight:700}.picks,.page,.ako-banner,footer{max-width:1280px;margin:auto}.picks{padding:30px 34px 80px}.section-title{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:24px}.section-title p{font-weight:700;letter-spacing:2px;font-size:12px}.section-title span{font:700 30px Inter;color:var(--mint)}.pick-grid,.coupon-grid,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pick-card,.coupon{position:relative;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:23px;color:var(--text);transition:.25s}.pick-card:hover,.coupon:hover{transform:translateY(-5px);border-color:#72f4c588;box-shadow:0 24px 60px #0005}.top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.tier{text-transform:uppercase;font-size:9px;letter-spacing:1px;padding:6px 8px;border-radius:6px;background:#1b3c3b;color:var(--mint);font-weight:700}.tier.premium{color:var(--blue);background:#1b2942}.tier.vip{color:#ffd276;background:#3b3021}.date{font-size:11px;color:var(--muted);margin-top:22px}.pick-card h3{font:700 20px/1.35 Inter;display:flex;flex-direction:column;margin:10px 0 18px}.pick-card h3 span{color:var(--muted);font-size:12px;margin:3px 0}.selection{background:#07101f;border-left:2px solid var(--mint);padding:13px;color:var(--mint);font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.metrics b{font-size:20px}.metrics i{display:grid;place-items:center;color:var(--mint);font-size:24px}.ako-banner{width:calc(100% - 68px);display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--blue);border-radius:22px;padding:35px;margin-bottom:90px;background:linear-gradient(110deg,#111f36,#132842);color:var(--text)}.ako-banner h2{font:800 34px Inter;margin:8px 0}.ako-banner>strong{font:800 50px Inter;color:var(--blue)}.page{padding:70px 34px 100px;min-height:700px}.page-head{margin-bottom:40px}.page-head h1{font-size:clamp(42px,6vw,70px)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filters button{background:var(--card);border:1px solid var(--line);color:var(--muted);padding:11px 15px;border-radius:24px}.filters button.active{border-color:var(--mint);color:var(--mint)}.page>.picks{padding:0}.coupon h3{font:700 24px Inter;margin:28px 0 45px}.coupon>i{position:absolute;right:22px;bottom:22px;color:var(--mint);font-size:24px}.pricing article{position:relative;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}.pricing .featured{border-color:var(--mint);transform:translateY(-12px)}.price{font:800 35px Inter}.price small{font:400 12px Inter;color:var(--muted)}.pricing ul{list-style:none;padding:0;margin:28px 0;color:var(--muted);line-height:2.2}.pricing article>button{width:100%}.billing{text-align:center;color:var(--muted);margin-top:32px}.account{max-width:800px}.account-card,.auth{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}.account-card{display:flex;align-items:center;gap:20px}.account-card>button{margin-left:auto}.avatar{width:62px;height:62px;display:grid;place-items:center;background:var(--mint);color:var(--bg);font:800 25px Inter;border-radius:50%}.auth{max-width:520px}.auth-tabs{display:flex;gap:8px;margin-bottom:25px}.auth-tabs button{flex:1;padding:12px;background:none;border:0;border-bottom:2px solid var(--line);color:var(--muted)}.auth-tabs .active{border-color:var(--mint);color:var(--mint)}label{display:block;color:var(--muted);font-size:12px;margin:15px 0}input,select,textarea{display:block;width:100%;margin-top:8px;padding:13px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.auth>.primary{width:100%;margin-top:10px}.backdrop{position:fixed;z-index:50;inset:0;background:#02060dcc;backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--card2);border:1px solid var(--line);border-radius:25px;padding:36px;box-shadow:0 30px 100px #000}.x{position:absolute;right:18px;top:15px;background:none;border:0;color:var(--muted);font-size:30px}.detail h2{font:800 42px/1.1 Inter;display:flex;flex-direction:column;margin:30px 0}.detail h2 span{font:500 13px Inter;color:var(--muted);margin:6px 0}.detail>.metrics.big{grid-template-columns:repeat(2,1fr)}.analysis{margin-top:20px;padding:25px;background:var(--card);border:1px solid var(--line);border-radius:18px;line-height:1.8}.locked{text-align:center;padding:30px}.locked>strong{font-size:50px;color:var(--mint)}.legs article{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.legs article>span{color:var(--mint);font-weight:700}.legs h3{margin:0 0 7px}.legs p{color:var(--muted);line-height:1.6}footer{padding:36px 34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px;color:var(--muted)}footer p{flex:1;font-size:12px}footer a{color:var(--blue);text-decoration:none}.empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}.loading{min-height:100vh;display:grid;place-content:center;text-align:center}
/* Studio */
main:not(.public-shell){max-width:1480px;margin:auto;padding:28px}main:not(.public-shell) header,.title,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:32px;font-weight:900}.brand span{color:var(--mint)}.brand small{margin-left:16px;font-size:10px;color:var(--muted)}.muted{color:var(--muted);font-size:13px}.title{margin:30px 0}.workspace{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(500px,1.6fr);gap:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:26px}.login{max-width:550px;margin:65px auto}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{background:#173c36;color:var(--mint);padding:16px;border-radius:12px}.event{display:block;width:100%;text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--line);margin-top:14px;padding:19px;border-radius:11px}.badge{color:var(--mint)}fieldset{border:0}.secondary,.buttonlike{background:transparent;color:var(--text);border:1px solid var(--line);padding:13px;border-radius:10px}.danger{background:#49253c;color:#ffb2c2;border:0;padding:12px;border-radius:10px}
@media(max-width:900px){.site-header{padding:0 18px}.site-header nav{display:none;position:absolute;z-index:10;top:76px;left:15px;right:15px;flex-direction:column;background:var(--card);padding:12px;border:1px solid var(--line);border-radius:16px}.site-header nav.open{display:flex}.hamb{display:block}.hero{grid-template-columns:1fr;padding:65px 22px}.visual{min-height:380px}.pick-grid,.coupon-grid,.pricing{grid-template-columns:1fr}.pricing .featured{transform:none}.page,.picks{padding-left:20px;padding-right:20px}.proof{flex-wrap:wrap}.workspace{grid-template-columns:1fr}}@media(max-width:560px){.hero h1{letter-spacing:-3px}.visual:before{width:350px;height:350px}.score{padding:24px}.score h2{font-size:36px}.ako-banner{width:calc(100% - 40px);margin-left:20px;margin-right:20px}.ako-banner>strong{font-size:30px}.metrics{grid-template-columns:1fr 1fr}.modal{padding:28px 18px}.account-card{align-items:flex-start;flex-direction:column}.account-card>button{margin-left:0}.grid{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column}}

/* Picksy violet identity */
.brand-logo{display:block;position:relative;width:220px;height:64px;overflow:hidden;border-radius:10px;background:transparent}
.brand-logo img{position:absolute;width:290px;height:145px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain}
.site-header{height:92px}.site-header>button{padding:0}.site-header .brand-logo{width:190px;height:58px}.site-header .brand-logo img{width:255px;height:128px}
.public-shell{background:radial-gradient(circle at 84% 8%,#7600b82b 0,transparent 31%),radial-gradient(circle at 12% 48%,#47106f20 0,transparent 28%),#030303}
.primary{background:linear-gradient(135deg,#7b16ff,#cf00ff);color:#fff;border:0;box-shadow:0 10px 32px #a500ff35}.primary:hover{filter:brightness(1.14)}
.language .active{background:linear-gradient(135deg,#7b16ff,#cf00ff);color:#fff}
.visual:before,.visual:after{border-color:#bd00ff38}.score{background:linear-gradient(145deg,#171119,#09090c);border-color:#8e22bd73;box-shadow:0 35px 100px #8500bd27}.bars i{background:linear-gradient(#d83cff,#8618ff)}
.pick-card:hover,.coupon:hover{border-color:#b700ff99;box-shadow:0 24px 70px #8200bb1f}.tier,.notice{background:#2a0b35}.tier.premium{color:#cf60ff;background:#2a123d}.tier.vip{color:#fff;background:linear-gradient(135deg,#7b16ff,#cf00ff)}
.selection{background:#080609}.ako-banner{border-color:#8a18ff;background:linear-gradient(110deg,#110c15,#271035)}
.toast{background:#20092b;border-color:#b700ff;color:#ebbdff}.loading{min-height:calc(100vh - 92px);gap:14px}.loading-logo{width:280px;height:90px;margin:auto}.loading-logo img{width:390px;height:195px}.loader{width:34px;height:34px;margin:auto;border:3px solid #ffffff1c;border-top-color:#b700ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
footer .brand-logo{width:165px;height:50px}footer .brand-logo img{width:224px;height:112px}
@media(max-width:700px){.site-header .brand-logo{width:145px;height:46px}.site-header .brand-logo img{width:205px;height:103px}.site-header{height:76px}.loading-logo{width:230px;height:76px}.loading-logo img{width:330px;height:165px}}

.text-button{display:block;width:100%;margin-top:14px;padding:10px;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.auth>p{color:var(--muted);line-height:1.6}.auth>h2{margin-top:0}

.test-mode{display:flex;gap:12px;align-items:center;margin:-15px 0 34px;padding:14px 18px;border:1px solid #b700ff66;border-radius:14px;background:#b700ff0d;color:var(--muted);font-size:13px}.test-mode b{color:var(--mint);font-size:11px;letter-spacing:1.5px}.buy:disabled{opacity:.65;cursor:default}

.locked-card{border-style:dashed}.locked-card:hover{transform:none}.card-lock{min-height:96px;margin-top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:#070709;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.7px}.card-lock b{font-size:28px;color:var(--mint)}

.subscription-status{margin:12px 0 0;color:var(--muted);font-size:13px}.subscription-status b{color:var(--text)}.subscription-status.ending{color:#ffd276}

.legal-links{display:flex;flex-wrap:wrap;gap:8px 16px;max-width:420px}.legal-links a{color:var(--muted);font-size:12px}.legal-links a:hover{color:#e8b4ff}@media(max-width:700px){.legal-links{max-width:none}}

/* SF Pro is used natively on Apple devices; the remaining system fonts keep the same feel elsewhere. */
:root{--picksy-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Arial,sans-serif}
/* Existing heading rules use the font shorthand, so this needs to override their higher specificity. */
body .public-shell,body .public-shell *,body .legal-shell,body .legal-shell *,body .studio-shell,body .studio-shell *{font-family:var(--picksy-font)!important}
/* Unified picks: the white label identifies the coupon type. */
.card-tags{display:flex;align-items:center;gap:8px}.pick-kind{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:26px;padding:0 9px;border:1px solid #f9f7fb;background:#f9f7fb;color:#09090c;border-radius:7px;font-size:10px;font-weight:850;letter-spacing:.9px}.pick-card .top>span:last-child{max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coupon.pick-card h3{min-height:54px;margin-bottom:18px}.coupon.pick-card .selection{margin-top:0}
/* Settlement status on public cards and AKO editor. */
.settlement{display:inline-flex;margin:0 0 8px;padding:5px 8px;border-radius:6px;background:#252229;color:#c3bdc9;font-size:9px;font-weight:850;letter-spacing:.8px}.settlement.won{background:#103a2c;color:#8ff0bd}.settlement.lost{background:#401927;color:#ffb1c2}.settlement.void{background:#332b16;color:#ffe19a}.coupon-result-control{display:flex;align-items:center;justify-content:flex-end;gap:8px}.coupon-result-control select{width:auto;margin:0;padding:9px;font-size:12px}@media(max-width:700px){.coupon-result-control{align-items:stretch;flex-direction:column}.coupon-result-control button{width:100%}}
/* Homepage history and performance dashboard. */
.recent-picks{padding-top:0}.pick-card.settled.won{border-color:#20b866;box-shadow:0 0 0 1px #20b86655,0 20px 55px #0b7c4020}.pick-card.settled.lost{border-color:#e34b65;box-shadow:0 0 0 1px #e34b6555,0 20px 55px #8d162620}.pick-card.settled.void{border-color:#aaa8ae;box-shadow:0 0 0 1px #aaa8ae44}.pick-card.settled.won:hover{border-color:#54e495}.pick-card.settled.lost:hover{border-color:#ff7890}.pick-card.settled.void:hover{border-color:#f0edf2}.stat-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 20px}.stat-summary article{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.stat-summary span,.stat-summary small{display:block;color:var(--muted);font-size:11px}.stat-summary strong{display:block;margin:8px 0 4px;font-size:34px}.stats-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}.stats-table{width:100%;min-width:650px;border-collapse:collapse;text-align:right}.stats-table th,.stats-table td{padding:17px 19px;border-bottom:1px solid var(--line);font-size:13px}.stats-table thead th{color:var(--muted);font-size:10px;letter-spacing:.7px;text-transform:uppercase}.stats-table th:first-child{text-align:left}.stats-table tbody tr:last-child>*{border-bottom:0}.won-text{color:#75e8a9}.lost-text{color:#ff8da0}@media(max-width:560px){.stat-summary{grid-template-columns:1fr}.stats-table th,.stats-table td{padding:14px}}
.stats-group{margin-top:34px}.stats-group h2{margin:8px 0 17px;font-size:25px}
.pick-search{max-width:560px;margin:-10px 0 26px}.pick-search input{margin:0;padding:14px 16px;border-radius:13px}.pick-search input:focus{outline:2px solid #b700ff77;border-color:#b700ff}
/* Daily free pick. */
.free-picks{padding-top:0}.free-picks .section-title p,.free-picks .section-title span{color:#82f5b4}.free-pick-badge{display:inline-flex;margin:13px 0 0;padding:6px 9px;border-radius:7px;background:#103a2c;color:#8ff0bd;font-size:10px;font-weight:850;letter-spacing:.9px}.free-toggle{display:flex!important;align-items:center;gap:9px;padding-top:18px;font-weight:700;color:var(--text)!important}.free-toggle input[type=checkbox]{display:inline-block;width:18px;height:18px;margin:0;accent-color:#b700ff}

/* Account self-service. */
.account-settings{max-width:620px}.settings-head{margin:0 0 24px}.settings-head h2{margin:8px 0}.settings-head p,.account-setting-block p{color:var(--muted);line-height:1.6}.back-settings{width:auto;margin:0;padding-left:0}.account-settings .auth{max-width:none}.account-settings h3{margin:0 0 8px}.account-setting-block{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.account-setting-block .ghost{margin-top:8px}.danger-zone{border-color:#7a3142;background:#260d17}.danger-button{margin-top:8px;padding:13px 16px;border:1px solid #e56a82;border-radius:10px;background:#4a1725;color:#ffd6dd;font-weight:700}.danger-button:hover{background:#612033}.danger-button:disabled{opacity:.6;cursor:wait}
