:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#11182d;--navy-deep:#0b1021;--navy-soft:#1b2540;--cream:#fff8e8;--cream-deep:#fff1cc;--paper:#fbf7ed;--paper-hot:#fffdf6;--yellow:#ffd04d;--yellow-hot:#ffbd2e;--ink:#111820;--muted:#667084;--line:#11182d24;--line-dark:#fff8e82e;--green:#26865d;--green-soft:#ddf4e9;--red:#c0382b;--red-soft:#fbe2df;--blue:#2867c7;--blue-soft:#dfeaff;--shadow:0 34px 95px #10172a38;--shadow-soft:0 22px 64px #10172a24;font-family:DM Sans,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 16% 7%,#ffd04d38,#0000 24%),linear-gradient(90deg,#11182d0e 1px,#0000 1px) 0 0/42px 42px,linear-gradient(0deg,#11182d0b 1px,#0000 1px) 0 0/42px 42px,#fbf8ef;margin:0}button,input,textarea{font:inherit}button,.link-button{cursor:pointer;border:0;text-decoration:none}.auth-shell{place-items:center;min-height:100svh;padding:clamp(18px,5vw,72px);display:grid}.auth-frame{background:var(--paper-hot);width:min(1130px,100%);box-shadow:var(--shadow);isolation:isolate;border:1px solid #11182d14;border-radius:34px;grid-template-columns:minmax(350px,1fr) minmax(360px,430px);display:grid;overflow:hidden}.auth-left{background:radial-gradient(circle at 19% 16%,#ffd04d61,#0000 17%),radial-gradient(circle at 70% 76%,#11182d13,#0000 24%),linear-gradient(90deg,#11182d0e 1px,#0000 1px) 0 0/42px 42px,#fff7e3;min-height:650px;padding:clamp(34px,6vw,72px);position:relative;overflow:hidden}.auth-left:before{content:"";border:34px solid #ffd04d2e;border-radius:46%;width:330px;height:330px;position:absolute;inset:-40% -15% auto auto;transform:rotate(22deg)}.auth-left:after{content:"";background:linear-gradient(#ffda65,#f5b632 56%,#ffe48b);width:14px;position:absolute;top:0;bottom:0;right:0;box-shadow:-18px 0 42px #ffd04d29}.auth-right{background:radial-gradient(circle at 82% 12%,#ffd04d42,#0000 25%),linear-gradient(155deg,#1b2540,#0b1021 68%);align-content:center;padding:clamp(28px,4vw,46px);display:grid;position:relative;overflow:hidden}.auth-right:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#fff8e809 1px,#0000 1px),linear-gradient(#fff8e807 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 76%);mask-image:linear-gradient(#000c,#0000 76%)}.brand-logo,.auth-left h1,.hero-copy{z-index:1;position:relative}.brand-logo{background:linear-gradient(145deg,#ffd85a,#f5bb34);border-radius:25px;width:88px;height:88px;display:inline-block;box-shadow:0 22px 56px #d99b2459,0 0 0 10px #ffd04d29,18px 22px #11182d0d}.brand-logo.small{border-radius:17px;flex:none;width:58px;height:58px;box-shadow:0 14px 34px #d99b243d}.logo-b{color:var(--navy);font-size:62px;font-weight:950;line-height:.78;position:absolute;top:17%;left:24%}.small .logo-b{font-size:41px}.logo-dot{background:var(--yellow);border-radius:999px;width:15px;height:15px;position:absolute;bottom:24%;box-shadow:0 0 0 2px #11182d0a}.small .logo-dot{width:10px;height:10px}.logo-dot.one{left:30%}.logo-dot.two{left:52%}h1,h2,p{margin-top:0}h1{max-width:610px;color:var(--navy);letter-spacing:0;margin:34px 0 0;font-size:clamp(46px,6.6vw,82px);line-height:.98}h2{letter-spacing:0;margin-bottom:18px;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1}.hero-copy{max-width:500px;color:var(--muted);margin:22px 0 0;font-size:clamp(17px,1.8vw,21px);line-height:1.5}.hero-copy.compact{max-width:310px;margin:0;font-size:1rem}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:950}.page{width:min(1180px,100%);margin:0 auto;padding:clamp(18px,4vw,52px)}.page-app{min-height:100svh}.app-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;display:flex}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-lockup h1{margin:0;font-size:clamp(2.4rem,5vw,4.8rem)}.eyebrow{align-items:center;gap:6px;margin:0 0 7px;display:flex}.panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:linear-gradient(#ffffffd6,#fffbefc7);border-radius:22px;padding:clamp(17px,3vw,26px)}.auth-panel{z-index:1;max-width:none;color:var(--cream);background:linear-gradient(#fff8e81f,#fff8e80f);border-color:#fff8e83d;position:relative;box-shadow:0 24px 58px #00000047,inset 0 1px #ffffff14}.auth-panel h2{color:var(--cream)}.auth-panel .eyebrow,.auth-panel label,.auth-panel .auth-copy,.auth-panel .auth-actions{color:#fff8e8b8}.auth-copy{margin-bottom:0;line-height:1.45}.auth-divider{color:#fff8e894;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.78rem;font-weight:850;display:grid}.auth-divider span{background:#fff8e82e;height:1px}.google-button{width:100%}.app-grid{gap:18px;display:grid}.form{gap:13px;display:grid}label{color:var(--muted);letter-spacing:.07em;text-transform:uppercase;gap:8px;font-size:.78rem;font-weight:850;display:grid}input,textarea{border:1px solid var(--line);width:100%;min-height:52px;color:var(--ink);letter-spacing:0;text-transform:none;background:#ffffffc7;border-radius:14px;outline:0;padding:0 14px}.auth-panel input{color:var(--cream);background:#ffffff1a;border-color:#fff8e82e}input:focus,textarea:focus{border-color:var(--yellow-hot);box-shadow:0 0 0 4px #ffbd2e38}textarea{resize:vertical;min-height:116px;padding-top:13px}.split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.primary,.secondary,.danger{white-space:nowrap;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 16px;font-weight:900;display:inline-flex}.primary{color:var(--navy);background:linear-gradient(90deg,#ffffff40,#0000 34%),linear-gradient(#ffe170,#ffbd2e);box-shadow:0 18px 36px #ffbd2e38,inset 0 1px #ffffff73}.primary:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.secondary{color:var(--navy);border:1px solid var(--line);background:#ffffffc7}.danger{color:var(--red);background:var(--red-soft)}.text-button{color:inherit;background:0 0;padding:0;font-weight:900}.page-app .text-button,.ticket .text-button,.accept-panel .text-button{color:var(--blue)}.text-button:disabled{cursor:not-allowed;opacity:.45}.auth-actions{justify-items:center;gap:10px;font-size:.94rem;line-height:1.4;display:grid}.auth-actions p{margin:0}.inline-actions,.card-actions,.web-actions{flex-wrap:wrap;gap:10px;display:flex}.panel-head,.bet-row{justify-content:space-between;align-items:start;gap:14px;display:flex}.status-filter{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.status-filter button{border:1px solid var(--line);min-height:38px;color:var(--muted);background:#ffffffb8;border-radius:999px;padding:0 13px;font-weight:850}.status-filter .active{color:var(--navy);background:var(--yellow);border-color:#ffbd2e9e}.bet-list{gap:10px;display:grid}.bet-card{background:#ffffffc2;border:1px solid #11182d1c;border-radius:18px;gap:12px;padding:15px;display:grid}.bet-row strong{line-height:1.2}.bet-row span{white-space:nowrap;font-weight:950}.pills{flex-wrap:wrap;gap:7px;display:flex}.pill{min-height:27px;color:var(--muted);background:#11182d12;border-radius:999px;align-items:center;padding:0 10px;font-size:.74rem;font-weight:850;display:inline-flex}.pill.accepted,.pill.settled{color:var(--green);background:var(--green-soft)}.pill.pending,.pill.awaiting_confirmation{color:var(--blue);background:var(--blue-soft)}.pill.declined,.pill.canceled{color:var(--red);background:var(--red-soft)}.message,.empty{color:var(--muted);line-height:1.45}.ticket dl{gap:12px;display:grid}.ticket div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:10px;display:flex}dt{color:var(--muted);font-weight:850}dd{text-align:right;margin:0;font-weight:950}.claim-nudge,.accept-panel{margin-top:16px}.account-grid{max-width:920px}.account-danger{gap:14px;display:grid}.account-danger hr{border:0;border-top:1px solid var(--line);width:100%}.accept-panel{gap:14px;display:grid}@media (width>=900px){.app-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start}}@media (width<=900px){.auth-frame{grid-template-columns:1fr}.auth-left{min-height:auto}}@media (width<=620px){.auth-shell,.page{padding-left:14px;padding-right:14px}.auth-frame{border-radius:24px}.auth-left,.auth-right{padding:24px}.brand-logo{border-radius:21px;width:72px;height:72px}.logo-b{font-size:51px}.logo-dot{width:12px;height:12px}h1{font-size:42px}.split{grid-template-columns:1fr}.app-header,.panel-head,.bet-row{flex-direction:column;align-items:stretch}}
