/*
Theme Name: PrizeDraw Pro
Theme URI: https://example.com/
Author: OpenAI
Description: Modern prize draw / lottery-style WooCommerce theme designed for PageLayer editing.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: prizedraw-pro
*/
:root{--pd-bg:#07111f;--pd-card:#0e1b30;--pd-card2:#111f38;--pd-text:#f5f7fb;--pd-muted:#aab7cc;--pd-green:#55f29b;--pd-purple:#8c5cff;--pd-gold:#ffd166;--pd-border:rgba(255,255,255,.10);--pd-radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#06101d,#091426 50%,#06101d);color:var(--pd-text);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(1180px,92%);margin:auto}
.pd-header{position:sticky;top:0;z-index:99;background:rgba(5,13,25,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--pd-border)}.pd-nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pd-logo{font-weight:900;font-size:25px;letter-spacing:-1px}.pd-logo span{color:var(--pd-green)}.pd-menu{display:flex;gap:24px;align-items:center}.pd-menu a{color:#dce5f4;font-weight:600}.pd-menu a:hover{color:var(--pd-green)}.pd-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--pd-green),#25d7b1);color:#04110c;box-shadow:0 8px 28px rgba(85,242,155,.18)}.pd-btn.alt{background:linear-gradient(135deg,var(--pd-purple),#b16cff);color:#fff}.pd-btn.gold{background:linear-gradient(135deg,var(--pd-gold),#ffb703)}.pd-btn.small{padding:9px 16px;font-size:14px}
.pd-hero{padding:88px 0 65px;position:relative;overflow:hidden}.pd-hero:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(140,92,255,.22),transparent 65%);right:-180px;top:-180px}.pd-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;position:relative}.pd-kicker{color:var(--pd-green);font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}.pd-hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:15px 0 20px;letter-spacing:-3px}.pd-hero p{font-size:18px;color:var(--pd-muted);max-width:650px}.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.pd-hero-card{background:linear-gradient(145deg,rgba(17,31,56,.96),rgba(9,20,38,.96));border:1px solid var(--pd-border);border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.pd-prize-image{height:280px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 35%,rgba(85,242,155,.16),transparent 45%),linear-gradient(135deg,#172743,#0b1526);overflow:hidden}.pd-prize-image img{width:100%;height:100%;object-fit:cover}.pd-prize-placeholder{font-size:70px}.pd-countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.pd-time{background:#071222;border:1px solid var(--pd-border);border-radius:13px;text-align:center;padding:9px}.pd-time strong{display:block;font-size:22px}.pd-time small{color:var(--pd-muted);font-size:10px;text-transform:uppercase}
.pd-section{padding:72px 0}.pd-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:28px}.pd-section h2{font-size:38px;line-height:1.1;margin:0}.pd-section-head p{color:var(--pd-muted);max-width:620px}.pd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pd-card{background:linear-gradient(145deg,var(--pd-card),#091628);border:1px solid var(--pd-border);border-radius:var(--pd-radius);overflow:hidden}.pd-card-media{height:210px;background:#0a1527}.pd-card-media img{width:100%;height:100%;object-fit:cover}.pd-card-body{padding:20px}.pd-card h3{margin:0 0 7px;font-size:22px}.pd-muted{color:var(--pd-muted)}.pd-price{font-size:24px;font-weight:900;margin:10px 0}.pd-progress{height:9px;background:#07101d;border-radius:20px;overflow:hidden;border:1px solid var(--pd-border)}.pd-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--pd-purple),var(--pd-green));border-radius:20px}.pd-progress-row{display:flex;justify-content:space-between;font-size:12px;color:var(--pd-muted);margin:7px 0}.pd-card-actions{display:flex;gap:8px;margin-top:16px}.pd-card-actions .pd-btn{flex:1}
.pd-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pd-step{padding:28px;background:rgba(14,27,48,.75);border:1px solid var(--pd-border);border-radius:20px}.pd-step-num{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(85,242,155,.12);color:var(--pd-green);font-weight:900}.pd-step h3{margin:15px 0 5px}
.pd-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pd-stat{padding:25px;text-align:center;border:1px solid var(--pd-border);background:rgba(14,27,48,.7);border-radius:18px}.pd-stat strong{font-size:34px;display:block}.pd-stat span{color:var(--pd-muted)}
.pd-footer{padding:55px 0;border-top:1px solid var(--pd-border);background:#050d18}.pd-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}.pd-footer h3{margin-top:0}.pd-footer a,.pd-footer p{color:var(--pd-muted)}.pd-footer-bottom{margin-top:35px;padding-top:20px;border-top:1px solid var(--pd-border);color:var(--pd-muted);font-size:13px}
.pd-page{padding:60px 0}.pd-page h1{font-size:46px}.pd-table{width:100%;border-collapse:collapse;background:var(--pd-card);border-radius:16px;overflow:hidden}.pd-table th,.pd-table td{padding:14px;border-bottom:1px solid var(--pd-border);text-align:left}.pd-form{display:grid;gap:15px}.pd-form input,.pd-form select,.pd-form textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--pd-border);background:#071222;color:#fff}.pd-notice{padding:15px 18px;border-radius:13px;background:rgba(85,242,155,.08);border:1px solid rgba(85,242,155,.25);margin:15px 0}.pd-error{background:rgba(255,80,80,.08);border-color:rgba(255,80,80,.25)}
@media(max-width:900px){.pd-hero-grid,.pd-footer-grid{grid-template-columns:1fr}.pd-grid{grid-template-columns:repeat(2,1fr)}.pd-stats{grid-template-columns:repeat(2,1fr)}.pd-menu{display:none}.pd-hero{padding-top:55px}}
@media(max-width:600px){.pd-grid,.pd-steps{grid-template-columns:1fr}.pd-stats{grid-template-columns:1fr 1fr}.pd-section{padding:50px 0}.pd-section h2{font-size:30px}.pd-hero h1{letter-spacing:-2px}.pd-nav{min-height:64px}}

/* DEMO GRAPHICS / PREMIUM EFFECTS */
body{background:#050b18;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 10%,rgba(85,242,155,.08),transparent 28%),radial-gradient(circle at 85% 20%,rgba(140,92,255,.12),transparent 30%),radial-gradient(circle at 50% 90%,rgba(255,209,102,.06),transparent 30%)}
.pd-header{box-shadow:0 10px 35px rgba(0,0,0,.2)}
.pd-hero{min-height:650px;background:radial-gradient(circle at 75% 45%,rgba(140,92,255,.18),transparent 25%),radial-gradient(circle at 45% 100%,rgba(85,242,155,.08),transparent 35%)}
.pd-hero:after{content:"";position:absolute;inset:auto -10% -170px;height:300px;background:radial-gradient(ellipse,rgba(85,242,155,.10),transparent 65%);filter:blur(30px);pointer-events:none}
.pd-hero-card{position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 30px 100px rgba(0,0,0,.5),0 0 70px rgba(140,92,255,.12)}
.pd-hero-card:before{content:"";position:absolute;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(85,242,155,.12),transparent,rgba(140,92,255,.12),transparent);animation:pd-spin 12s linear infinite}
.pd-hero-card>*{position:relative;z-index:1}
@keyframes pd-spin{to{transform:rotate(360deg)}}
@keyframes pd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.pd-prize-image{position:relative;box-shadow:inset 0 0 70px rgba(85,242,155,.06);animation:pd-float 5s ease-in-out infinite}
.pd-prize-placeholder{filter:drop-shadow(0 12px 25px rgba(85,242,155,.2));text-shadow:0 0 30px rgba(255,209,102,.3)}
.pd-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.pd-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(0,0,0,.3),0 0 30px rgba(85,242,155,.06);border-color:rgba(85,242,155,.28)}
.pd-card-media{position:relative;overflow:hidden}
.pd-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.25))}
.pd-card-media img{transition:transform .5s ease}
.pd-card:hover .pd-card-media img{transform:scale(1.06)}
.pd-btn{transition:transform .2s ease,box-shadow .2s ease}.pd-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(85,242,155,.28)}
.pd-stat{position:relative;overflow:hidden}.pd-stat:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-45px;top:-45px;background:rgba(85,242,155,.07)}
.pd-section{position:relative}
.pd-kicker{display:inline-flex;align-items:center;gap:8px}.pd-kicker:before{content:"";width:22px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--pd-green),var(--pd-purple))}
.pd-demo-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgba(255,209,102,.10);border:1px solid rgba(255,209,102,.28);color:var(--pd-gold);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:1px}
.pd-live-dot{width:7px;height:7px;background:#55f29b;border-radius:50%;box-shadow:0 0 12px #55f29b;animation:pd-pulse 1.3s infinite}
@keyframes pd-pulse{50%{opacity:.35;transform:scale(.75)}}
.pd-feature-prize{font-size:44px;font-weight:950;letter-spacing:-2px;background:linear-gradient(90deg,#fff,var(--pd-gold),#fff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pd-shine 4s linear infinite}
@keyframes pd-shine{to{background-position:200% center}}
.pd-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.pd-orb.one{width:90px;height:90px;background:rgba(85,242,155,.10);top:15%;left:4%;animation:pd-float 7s infinite}.pd-orb.two{width:140px;height:140px;background:rgba(140,92,255,.10);bottom:12%;right:6%;animation:pd-float 9s 1s infinite}