/* AgizaTips Web 3.3.5 — responsive desktop adaptation of the native app UI */
:root{
  --ag-bg:#18002f;
  --ag-bg-deep:#110021;
  --ag-header:#360043;
  --ag-card:#342440;
  --ag-card-2:#271638;
  --ag-card-3:#210d3c;
  --ag-pink:#ff2d7d;
  --ag-pink-soft:#ff5b98;
  --ag-lime:#71f000;
  --ag-gold:#ffc447;
  --ag-blue:#29aef3;
  --ag-red:#ff5964;
  --ag-text:#fff;
  --ag-muted:#b9aabd;
  --ag-line:rgba(255,255,255,.11);
  --ag-line-pink:rgba(255,45,125,.34);
  --ag-max:1280px;
  --ag-radius:18px;
  --ag-shadow:0 18px 44px rgba(7,0,18,.24);
}
html{background:var(--ag-bg-deep)!important}
body.pp36-body,body{background:linear-gradient(180deg,#17002d 0%,#15002a 55%,#100020 100%)!important;color:var(--ag-text)!important}
.pp36-shell{width:100%!important;max-width:none!important;min-height:100vh!important;margin:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.pp36-shell:before{display:none!important}

/* Header */
.pp36-topbar{height:76px!important;padding:0 24px!important;background:rgba(52,0,67,.96)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.pp36-topbar-inner{width:min(100%,var(--ag-max));height:100%;margin:0 auto;display:flex;align-items:center;gap:26px}
.pp36-brand{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.025em!important;color:#fff!important}
.pp36-brand-mark{width:46px!important;height:46px!important;border:0!important;border-radius:12px!important;overflow:hidden;background:#2c073d!important;box-shadow:0 0 0 1px rgba(255,45,125,.35),0 0 26px rgba(255,45,125,.14)!important}
.pp36-brand-mark img{display:block;width:100%;height:100%;object-fit:cover}
.pp36-brand-name{font-size:25px!important;font-weight:900!important}
.pp36-page-context{font-size:12px;color:var(--ag-muted);padding-left:18px;border-left:1px solid var(--ag-line);white-space:nowrap}
.pp36-desktop-nav{display:flex!important;align-items:center;gap:6px;margin-left:auto}
.pp36-desktop-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:12px;color:#e7ddea!important;text-decoration:none!important;font-size:13px!important;font-weight:750!important;transition:.18s ease}
.pp36-desktop-nav a:hover{background:rgba(255,255,255,.07);color:#fff!important}
.pp36-top-actions{display:flex!important;align-items:center!important;gap:10px!important}
.pp36-nav-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 17px!important;border-radius:13px!important;background:var(--ag-pink)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:0 8px 22px rgba(255,45,125,.18)}
.pp36-icon-btn{width:42px!important;height:42px!important;border-radius:13px!important;color:#fff!important;font-size:23px!important}
.pp36-icon-btn:hover{background:rgba(255,255,255,.08)!important}

/* Global web canvas */
.pp36-main{width:min(calc(100% - 48px),var(--ag-max))!important;max-width:var(--ag-max)!important;margin:0 auto!important;padding:30px 0 60px!important}
.pp36-main.pp36-home-main{padding-top:28px!important}
.pp36-page-hero,.pp36-card,.pp36-profile,.pp36-tip,.pp36-menu-card,.pp36-metric,.pp36-bet,.pp36-empty,.ppcat-card,.pphist-card{box-shadow:none}
.pp36-section-title,.pp36-heading{color:#fff!important;letter-spacing:-.02em}
.pp36-section-title{font-size:27px!important;line-height:1.15!important;margin:0!important}
.pp36-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}
.pp36-section-head>span{font-size:12px!important;color:var(--ag-muted)!important}
.pp36-eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--ag-pink-soft)!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}

/* Home — desktop dashboard, not a phone shell */
.pp36-home-hero{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:22px!important;align-items:stretch!important;margin:0 0 28px!important;padding:0!important;background:none!important;border:0!important}
.pp36-hero-copy{padding:34px 36px!important;border:1px solid var(--ag-line)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(52,36,64,.96),rgba(35,19,52,.97))!important;box-shadow:var(--ag-shadow)!important;position:relative;overflow:hidden}
.pp36-hero-copy:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-150px;top:-190px;background:radial-gradient(circle,rgba(255,45,125,.18),transparent 68%);pointer-events:none}
.pp36-hero-copy h1{max-width:820px!important;margin:12px 0 13px!important;font-size:clamp(38px,4.1vw,62px)!important;line-height:1.01!important;letter-spacing:-.045em!important;color:#fff!important}
.pp36-hero-copy p{max-width:760px!important;margin:0!important;color:var(--ag-muted)!important;font-size:16px!important;line-height:1.6!important}
.pp36-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:23px!important}
.pp36-hero-actions .pp36-btn{min-width:170px!important}
.pp36-hero-note{margin-top:15px!important;color:#9f90aa!important;font-size:11px!important}
.pp36-hero-panel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:0!important;background:none!important;border:0!important}
.pp36-hero-panel>div{display:flex!important;min-height:132px!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-start!important;padding:20px!important;border-radius:20px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line-pink)!important;position:relative!important;overflow:hidden!important}
.pp36-hero-panel>div:before{content:"";position:absolute;inset:auto -36px -48px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,45,125,.08)}
.pp36-hero-panel strong{font-size:20px!important;font-weight:950!important;color:#fff!important;letter-spacing:.02em!important}
.pp36-hero-panel span{margin-top:5px!important;color:var(--ag-muted)!important;font-size:11px!important;line-height:1.35!important}
.pp36-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:22px 0 0!important}
.pp36-metric{padding:15px 14px!important;border-radius:15px!important;background:rgba(26,5,46,.58)!important;border:1px solid var(--ag-line)!important;text-align:left!important}
.pp36-metric strong{display:block!important;font-size:24px!important;line-height:1!important;font-weight:950!important;color:#fff!important}
.pp36-metric span{display:block!important;margin-top:6px!important;font-size:9px!important;font-weight:750!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--ag-muted)!important}
.pp36-metric.good strong{color:var(--ag-lime)!important}.pp36-metric.gold strong{color:var(--ag-gold)!important}.pp36-metric.bad strong{color:var(--ag-red)!important}

.pp36-home-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:22px!important;align-items:start!important}
.pp36-home-catalogue{min-width:0}
.pp36-home-side{position:sticky!important;top:98px!important;display:grid!important;gap:14px!important}
.pp36-catalog-section{margin:0 0 28px!important}
.pp36-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pp36-menu-card{min-height:132px!important;padding:18px!important;border-radius:18px!important;background:var(--ag-card)!important;border:1px solid rgba(255,45,125,.25)!important;color:#fff!important;align-items:flex-start!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important;transition:.18s ease!important}
.pp36-menu-card:hover{transform:translateY(-3px)!important;border-color:rgba(255,45,125,.55)!important;background:#392745!important}
.pp36-menu-icon{width:44px!important;height:44px!important;border-radius:13px!important;background:rgba(255,45,125,.11)!important;border:1px solid rgba(255,45,125,.35)!important;color:var(--ag-pink)!important;font-size:18px!important}
.pp36-menu-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:5px;padding-top:2px}
.pp36-menu-copy strong{color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1.2!important}
.pp36-menu-copy small{color:var(--ag-muted)!important;font-size:10px!important;line-height:1.35!important}
.pp36-lock{margin-left:auto!important;color:var(--ag-pink)!important}
.pp36-offers-section .pp36-menu-card{background:linear-gradient(145deg,#382646,#2c1c3b)!important;border-color:rgba(255,196,71,.20)!important}
.pp36-side-card{padding:20px!important;margin:0!important;border-radius:18px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important}
.pp36-side-card h3{margin:8px 0 6px!important;font-size:20px!important;color:#fff!important}
.pp36-side-card p{margin:0 0 14px!important;color:var(--ag-muted)!important;font-size:12px!important;line-height:1.55!important}
.pp36-side-card>a:not(.pp36-btn){display:flex!important;align-items:center!important;justify-content:space-between!important;padding:11px 0!important;border-top:1px solid var(--ag-line)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:750!important}
.pp36-wide-note{margin-top:6px!important}

/* Buttons */
.pp36-btn,.pp36-btn:visited{min-height:46px!important;padding:0 16px!important;border-radius:13px!important;background:var(--ag-pink)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important}
.pp36-btn.outline{background:transparent!important;border:1px solid rgba(255,255,255,.40)!important;color:#fff!important}
.pp36-btn.outline:hover{border-color:var(--ag-pink)!important;background:rgba(255,45,125,.08)!important}
.pp36-btn.secondary{background:#fff!important;color:#24122f!important}

/* Prediction cards — app language adapted for web columns */
.pp36-tip-grid,.pp36-results-grid,.pp36-home-picks-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.pp36-tip-grid .pp36-tip,.pp36-results-grid .pp36-tip,.pp36-home-picks-grid .pp36-tip{margin:0!important;height:100%!important}
.pp36-tip{border-radius:18px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;overflow:hidden!important;transition:.18s ease!important}
.pp36-tip-link:hover{transform:translateY(-2px)!important;border-color:rgba(255,45,125,.42)!important;background:#382846!important}
.pp36-tip-meta{padding:11px 14px!important;border-bottom:0!important;color:var(--ag-muted)!important;font-size:10px!important}
.pp36-tip-teams{padding:11px 14px 8px!important;gap:10px!important}
.pp36-tip-teams strong{font-size:15px!important;line-height:1.25!important}.pp36-tip-teams span{font-size:10px!important;color:#8e7f98!important}
.pp36-tip-foot{padding:9px 14px 11px!important;gap:8px!important}
.pp36-pick{padding:8px 10px!important;border-radius:10px!important;background:var(--ag-card-3)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;max-width:75%!important}
.pp36-odds{padding:7px 10px!important;border-radius:999px!important;background:rgba(255,196,71,.12)!important;border:1px solid rgba(255,196,71,.32)!important;color:var(--ag-gold)!important;font-size:11px!important}
.pp36-odds.live{background:rgba(113,240,0,.11)!important;border-color:rgba(113,240,0,.34)!important;color:var(--ag-lime)!important}
.pp36-confidence{padding:0 14px 13px!important;color:var(--ag-muted)!important;font-size:10px!important}
.pp-card-intel{display:flex;gap:6px;flex-wrap:wrap;padding:0 14px 14px}.pp-card-intel span{padding:5px 7px;border-radius:8px;background:var(--ag-card-3);color:var(--ag-muted);font-size:9px}
.pp36-leg{padding:10px 14px!important;font-size:10px!important}.pp36-multi-title{padding:14px!important}.pp36-multi-title strong{font-size:15px!important}

/* Category, history, results and performance pages */
.ppcat-main,.pphist-main,.ppperf-main{width:min(calc(100% - 48px),1180px)!important;max-width:1180px!important;margin:0 auto!important;padding-top:30px!important}
.ppcat-header,.pphist-header,.ppperf-header,.pp36-page-hero{border-radius:20px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;padding:24px!important}
.ppcat-card,.pphist-card{border-radius:18px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;overflow:hidden!important}
.ppcat-teams{font-size:17px!important}.ppcat-pick{border-radius:10px!important}.ppcat-odds{border-radius:12px!important}
.ppperf-row{background:var(--ag-card)!important;border-color:var(--ag-line)!important;border-radius:14px!important}

/* Member/account workspace */
.pp36-profile,.pp36-card{border-radius:18px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;padding:20px!important}
.pp36-account-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pp36-account-grid .pp36-app-item{margin:0!important}
.pp36-app-item{min-height:72px!important;padding:14px 15px!important;border-radius:16px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;color:#fff!important}
.pp36-app-item:hover{border-color:rgba(255,45,125,.38)!important;background:#382746!important}
.pp36-app-icon{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,45,125,.10)!important;color:var(--ag-pink)!important;font-size:16px!important}
.pp36-app-copy strong{font-size:13px!important}.pp36-app-copy small{font-size:10px!important;color:var(--ag-muted)!important}.pp36-chevron{color:var(--ag-pink)!important}
.pp36-profile{gap:16px!important}.pp36-avatar{width:62px!important;height:62px!important;background:var(--ag-pink)!important}.pp36-profile-copy strong{font-size:20px!important}.pp36-profile-copy span{font-size:11px!important;color:var(--ag-muted)!important}

/* Forms/auth */
.pp36-auth{width:min(calc(100% - 40px),560px)!important;max-width:560px!important;margin:46px auto 70px!important;padding:30px!important;border-radius:22px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;box-shadow:var(--ag-shadow)!important}
.pp36-auth-logo{border-radius:18px!important;overflow:hidden!important;background:none!important}
.pp36-form input:not([type=checkbox]):not([type=radio]):not([type=range]),.pp36-form select,.pp36-form textarea,.pp36-auth input,.pp36-auth select{min-height:48px!important;padding:12px 13px!important;border-radius:12px!important;background:#251634!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;font-size:14px!important}
.pp36-form input:focus,.pp36-form select:focus,.pp36-form textarea:focus,.pp36-auth input:focus{outline:0!important;border-color:rgba(255,45,125,.7)!important;box-shadow:0 0 0 3px rgba(255,45,125,.10)!important}

/* Notices/status */
.pp36-announcement,.pp36-notice,.pp36-empty{border-radius:15px!important;background:var(--ag-card)!important;border:1px solid var(--ag-line)!important;color:#fff!important}
.pp36-announcement{padding:13px 15px!important;font-size:10px!important;line-height:1.55!important}
.pp36-flash{border-radius:12px!important}

/* Drawer */
.pp36-drawer{right:0!important;width:min(390px,92vw)!important;background:#24142f!important;color:#fff!important;box-shadow:-20px 0 60px rgba(0,0,0,.38)!important}
.pp36-drawer-head{padding:20px!important;border-color:var(--ag-line)!important}.pp36-drawer-head strong{font-size:20px}.pp36-drawer-close{color:#fff!important}
.pp36-drawer nav{padding:7px 10px 30px!important}.pp36-drawer nav a{padding:11px 12px!important;border-radius:10px!important;color:#eadfed!important;font-size:12px!important}.pp36-drawer nav a:hover{background:rgba(255,45,125,.10)!important;color:#fff!important}.pp36-drawer hr{border-color:var(--ag-line)!important}

/* Footer */
.pp36-site-footer{display:block!important;margin-top:28px!important;padding:38px 24px!important;background:#0e001d!important;border-top:1px solid var(--ag-line)!important}
.pp36-footer-inner{width:min(100%,var(--ag-max))!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.2fr 1fr auto!important;gap:36px!important;align-items:start!important}
.pp36-footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:8px}.pp36-footer-brand img{width:34px;height:34px;border-radius:9px}.pp36-footer-inner strong{font-size:18px!important}.pp36-footer-inner p{max-width:430px!important;color:var(--ag-muted)!important;font-size:11px!important;line-height:1.55!important}.pp36-footer-inner nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px 22px!important}.pp36-footer-inner nav a{color:#e9dfeb!important;text-decoration:none!important;font-size:11px!important}.pp36-footer-inner>span{color:#8e8097!important;font-size:10px!important;white-space:nowrap!important}

/* tablet */
@media(max-width:1020px){
  .pp36-topbar{padding:0 18px!important}.pp36-desktop-nav{display:none!important}.pp36-page-context{display:none!important}.pp36-top-actions{margin-left:auto!important}
  .pp36-main{width:min(calc(100% - 32px),var(--ag-max))!important}
  .pp36-home-hero{grid-template-columns:1fr!important}.pp36-hero-panel{grid-template-columns:repeat(4,1fr)!important}.pp36-hero-panel>div{min-height:105px!important}
  .pp36-home-layout{grid-template-columns:1fr!important}.pp36-home-side{position:static!important;grid-template-columns:1fr 1fr!important}
  .pp36-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pp36-tip-grid,.pp36-results-grid,.pp36-home-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pp36-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pp36-footer-inner{grid-template-columns:1fr 1fr!important}.pp36-footer-inner>span{grid-column:1/-1}
}

/* mobile web */
@media(max-width:700px){
  body:not(.pp-admin-body){padding-bottom:0!important}
  .pp36-topbar{height:66px!important;padding:0 14px!important}.pp36-topbar-inner{gap:12px!important}.pp36-brand{gap:9px!important}.pp36-brand-mark{width:38px!important;height:38px!important;border-radius:10px!important}.pp36-brand-name{font-size:20px!important}.pp36-nav-cta{display:none!important}.pp36-icon-btn{width:38px!important;height:38px!important}
  .pp36-main,.ppcat-main,.pphist-main,.ppperf-main{width:min(calc(100% - 26px),100%)!important;padding-top:18px!important;padding-bottom:34px!important}
  .pp36-home-hero{gap:12px!important;margin-bottom:20px!important}.pp36-hero-copy{padding:23px 20px!important;border-radius:20px!important}.pp36-hero-copy h1{font-size:32px!important;line-height:1.04!important;margin-top:9px!important}.pp36-hero-copy p{font-size:13px!important;line-height:1.5!important}.pp36-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;margin-top:17px!important}.pp36-hero-actions .pp36-btn{min-width:0!important}
  .pp36-hero-panel{grid-template-columns:1fr 1fr!important;gap:8px!important}.pp36-hero-panel>div{min-height:84px!important;padding:13px!important;border-radius:16px!important}.pp36-hero-panel strong{font-size:15px!important}.pp36-hero-panel span{font-size:9px!important}
  .pp36-metrics{gap:6px!important;margin-top:16px!important}.pp36-metric{padding:11px 8px!important}.pp36-metric strong{font-size:18px!important}.pp36-metric span{font-size:7.5px!important}
  .pp36-home-side{grid-template-columns:1fr!important}.pp36-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.pp36-menu-card{min-height:98px!important;padding:12px!important;border-radius:15px!important}.pp36-menu-icon{width:35px!important;height:35px!important;border-radius:10px!important;font-size:14px!important}.pp36-menu-copy strong{font-size:12px!important}.pp36-menu-copy small{font-size:8px!important}
  .pp36-section-title{font-size:22px!important}.pp36-section-head>span{display:none!important}
  .pp36-tip-grid,.pp36-results-grid,.pp36-home-picks-grid{grid-template-columns:1fr!important}.pp36-tip{border-radius:16px!important}.pp36-tip-meta{padding:10px 12px!important}.pp36-tip-teams{padding:10px 12px 7px!important}.pp36-tip-teams strong{font-size:13px!important}.pp36-tip-foot{padding:8px 12px 10px!important}.pp36-confidence{padding:0 12px 11px!important}
  .pp36-account-grid{grid-template-columns:1fr!important}.pp36-app-item{min-height:66px!important}
  .pp36-footer-inner{grid-template-columns:1fr!important;gap:18px!important}.pp36-footer-inner nav{grid-template-columns:1fr 1fr!important}.pp36-footer-inner>span{grid-column:auto!important;white-space:normal!important}
  .pp36-site-footer{padding:28px 15px calc(28px + env(safe-area-inset-bottom))!important}
}
@media(max-width:410px){
  .pp36-grid{grid-template-columns:1fr!important}.pp36-hero-actions{grid-template-columns:1fr!important}.pp36-hero-panel{grid-template-columns:1fr 1fr!important}.pp36-metrics{grid-template-columns:repeat(3,1fr)!important}
}
.pp36-web-recent-result{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;align-items:center!important;gap:18px!important;margin:0 0 28px!important;padding:16px 18px!important}
.pp36-web-recent-result>div strong{display:block;margin-top:5px;font-size:15px;color:#fff}.pp36-web-recent-result>a{color:var(--ag-pink-soft)!important;text-decoration:none!important;font-size:11px!important;font-weight:800!important}
.pp36-web-result-status{padding:6px 10px;border-radius:999px;font-size:9px;font-weight:950;letter-spacing:.06em}.pp36-web-result-status.won{background:rgba(113,240,0,.12);color:var(--ag-lime);border:1px solid rgba(113,240,0,.32)}.pp36-web-result-status.lost{background:rgba(255,89,100,.12);color:var(--ag-red);border:1px solid rgba(255,89,100,.30)}
.pp36-free-grid{grid-template-columns:minmax(0,1fr)!important}.pp36-daily-sure-card{min-height:150px!important}.pp36-web-badge{align-self:flex-start;margin-left:auto;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.06em}.pp36-web-badge.free,.pp36-web-badge.low{background:rgba(113,240,0,.12);color:var(--ag-lime)}.pp36-web-badge.medium{background:rgba(255,196,71,.12);color:var(--ag-gold)}.pp36-web-badge.high{background:rgba(255,89,100,.13);color:var(--ag-red)}
@media(max-width:700px){.pp36-web-recent-result{grid-template-columns:1fr auto!important}.pp36-web-recent-result>a{grid-column:1/-1}.pp36-daily-sure-card{min-height:105px!important}}