:root{color-scheme:dark;--text:#eaf3ff;--muted:#abc3df;--line:rgba(164,207,246,.21)}*{box-sizing:border-box}body{margin:0;background:#040e20 url('./assets/background.webp') center/cover fixed no-repeat;color:var(--text);font:15px/1.5 "Segoe UI",Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #73d7ff;outline-offset:4px}.preview-note{padding:6px 15px;background:#10223bcc;text-align:center;font-size:11px;color:#a8c4df}.preview-note a{color:#75c9ff;margin-left:15px}.shell{max-width:1370px;margin:auto;padding:0 32px}.header{display:flex;align-items:center;min-height:82px;gap:25px;border-bottom:1px solid var(--line)}.brand img{display:block;width:224px;height:auto}.header nav{display:flex;align-items:center;gap:34px;margin-left:auto}.header nav>a{font-size:13px;color:#b8cde7;padding:23px 0;white-space:nowrap}.header nav>a[aria-current]{color:#7ed8ff;border-bottom:2px solid #16b6ff}.header .return{padding:8px 18px;border:1px solid #6793bd;border-radius:30px;color:#eef6ff;margin-left:10px}.raffle-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:25px;min-height:590px;padding:25px 0 20px;isolation:isolate}.hero-copy{position:relative;z-index:2;align-self:start;padding-top:60px;max-width:555px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:3px;color:#a9ccef;margin:0 0 24px}h1{font-size:59px;line-height:1.08;letter-spacing:-2.4px;margin:0 0 22px;font-weight:750}h1 span{color:#27c4ff}.hero-rule{font-size:22px;line-height:1.4;color:#bbd3ed;margin:0}.hero-rule strong{font-weight:500}.prize-tag{display:inline-flex;align-items:center;gap:14px;border:1px solid #80bfff80;border-radius:99px;padding:11px 21px;background:linear-gradient(120deg,#07427455,#09234455);box-shadow:inset 0 1px 0 #ceefff19;margin-top:30px;font-size:14px}.prize-tag svg{width:23px;height:23px;color:#b6e5ff}.hostess{position:absolute;left:31%;bottom:0;width:420px;height:590px;object-fit:contain;object-position:bottom;z-index:1;pointer-events:none;mask-image:linear-gradient(to bottom,#000 91%,transparent)}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.ticket-glass{position:relative;grid-column:2;align-self:center;z-index:3;border:1px solid #bddfff85;border-radius:29px;background:linear-gradient(140deg,rgba(120,168,215,.19),rgba(12,35,69,.42) 26%,rgba(13,32,59,.32) 72%,rgba(129,184,235,.22));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:inset 0 1px 0 #e9f8ffb3,inset 0 -2px 0 #b7dcff50,inset 3px 0 0 #b8ddff27,0 18px 50px #0005,0 0 14px #499dfb14;overflow:hidden}.ticket-glass:before,.ticket-glass:after{content:"";position:absolute;top:49%;width:27px;height:27px;border:1px solid #bddfff90;border-radius:50%;background:#07172f;z-index:2}.ticket-glass:before{left:-17px}.ticket-glass:after{right:-17px}.ticket-main{padding:24px 28px 22px}.ticket-heading{display:flex;justify-content:center;align-items:center;gap:12px}.ticket-heading svg{color:#b5e9ff;width:30px;height:30px;transform:rotate(-15deg)}.ticket-heading h2{margin:0;font-size:20px;font-weight:600}.ticket-number{text-align:center;padding:10px 0 22px}.ticket-number strong{display:block;font-size:98px;line-height:1.08;letter-spacing:-4px;font-weight:700;background:linear-gradient(#fff,#d5edff 60%,#78b8ee);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 8px 20px #349dff10}.ticket-number>span{font-size:20px;color:#adceef}.ticket-rule{text-align:center;border-top:1px solid #9fc6eb66;padding:19px 0 23px;display:flex;flex-direction:column;gap:8px}.ticket-rule>span{font-size:14px;color:#b6cce5}.ticket-rule strong{font-size:22px;font-weight:600}.primary{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid #a0dbff;border-radius:99px;background:linear-gradient(110deg,#139eff,#0763ee);box-shadow:inset 0 1px 0 #edffff59,0 0 20px #096bff26;color:white;font-size:19px;font-weight:650;padding:11px 16px;min-height:48px}.primary:hover{filter:brightness(1.12)}.helper{color:#bcd0e7;font-size:12px;line-height:1.6;text-align:center;margin:11px 0 14px}.text-button{background:none;border:0;padding:3px 0;display:block;margin:auto;color:#6fceff;text-decoration:underline;text-underline-offset:5px;font-size:14px}.ticket-foot{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 16px;border-top:1px dashed #b4d5f08c;color:#c7def3;font-size:13px;background:linear-gradient(#a8d6ff08,#c7e7ff0e)}.ticket-foot svg{width:24px;height:24px;color:#b4d9fd}.steps{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 34px;border-top:1px solid #abc9e33b;border-bottom:1px solid #abc9e326;background:linear-gradient(125deg,#18355659,#07162a77);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;margin-bottom:20px}.steps>div{display:flex;align-items:center;gap:15px}.steps svg{width:29px;height:29px;color:#5dbbfa}.step-number{color:#9cbeed;font-size:27px;font-weight:300}.steps>div>span:last-child{font-size:15px;white-space:nowrap}.step-line{height:1px;width:50px;background:linear-gradient(90deg,#9dc4e788,#9dc4e722)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.info-card{display:flex;align-items:center;text-align:left;gap:20px;padding:21px 25px;border:1px solid #a1c3e570;border-radius:16px;background:linear-gradient(125deg,#1b3d6866,#0b1d386b);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);box-shadow:inset 0 1px 0 #dfedff52,inset 0 -1px 0 #a9d4ff21}.info-card:hover{background:linear-gradient(125deg,#264d7e80,#102b4b8c)}.info-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid #8db9f47a;border-radius:50%;color:#badcff;flex-shrink:0}.info-icon svg{width:28px;height:28px}.info-card strong,.info-card small,.info-card b{display:block}.info-card strong{font-size:18px;font-weight:600}.info-card small{font-size:13px;color:#a9c5e8;margin-top:3px}.info-card b{font-size:13px;font-weight:500;color:#6dd5ff;margin-top:8px}.info-card .muted{color:#8caed8}.info-arrow{margin-left:auto;font-size:27px;color:#c7def6}.info-card:hover .info-arrow{color:white}footer{display:flex;justify-content:space-between;border-top:1px solid #abc9e326;padding:17px 0 22px;font-size:11px;color:#98b3d1}dialog{background:linear-gradient(135deg,#102c4a,#07162b);color:#edf5ff;border:1px solid #729ac47d;border-radius:18px;width:min(520px,calc(100% - 28px));max-height:85dvh;padding:0;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#020a16b8;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 20px;color:#98bcdd;font-size:12px}.close{border:0;background:none;color:#d3e7fb;font-size:27px;padding:0 5px}.modal-body{padding:22px}.modal-body h2{margin:0 0 14px;font-size:23px;line-height:1.3}.modal-body p{color:#bfd4ec;line-height:1.8;font-size:14px;white-space:pre-wrap}.modal-body .primary{font-size:15px;min-height:40px;margin-top:20px}.ticket-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.ticket-list span{padding:11px 13px;background:#9ecff20d;border:1px solid #75b4ed36;border-radius:9px;font-size:13px;color:#c6dff6}.rules-list{padding-left:20px;color:#c0d7ee;font-size:14px;line-height:1.8}.rules-list li+li{margin-top:10px}body.modal-open{overflow:hidden}@media(max-width:1150px){.shell{padding:0 24px}.header nav{gap:22px}.header .return{margin:0}.raffle-hero{grid-template-columns:minmax(0,1fr) 325px;min-height:560px}.hero-copy{padding-top:55px;max-width:430px}h1{font-size:48px}.hero-rule{font-size:18px}.hostess{left:27%;width:355px;height:545px}.ticket-main{padding:22px}.ticket-number strong{font-size:90px}.ticket-rule strong{font-size:20px}.steps{padding:18px;gap:12px}.steps>div{gap:10px}.steps>div>span:last-child{font-size:13px}.step-line{width:20px}.info-card{padding:18px;gap:15px}}@media(max-width:900px) and (min-width:721px){.brand img{width:190px}.header nav{gap:17px}.header nav>a{font-size:12px}.raffle-hero{grid-template-columns:minmax(0,1fr) 300px;min-height:580px}.hostess{left:18%;width:330px;height:525px}.hero-copy{max-width:360px;padding-top:25px}h1{font-size:43px}.hero-rule{max-width:260px}.prize-tag{padding:8px 12px;font-size:12px;margin-top:20px}.eyebrow{font-size:10px;letter-spacing:2px}.steps>div{gap:8px}.step-number{font-size:21px}.steps svg{width:23px;height:23px}.steps>div>span:last-child{font-size:12px}.info-card strong{font-size:16px}.info-card small{font-size:12px}.info-icon{width:42px;height:42px}}
@media(max-width:720px){body{background-attachment:scroll;background-size:auto 100vh;background-position:center top}.shell{padding:0 18px}.preview-note{font-size:9px;padding:6px 10px}.preview-note a{display:inline-block;margin-left:6px}.header{flex-wrap:wrap;padding-top:14px;gap:8px;min-height:97px}.brand img{width:180px}.header nav{width:100%;margin:0;gap:14px;justify-content:space-between}.header nav>a{font-size:10px;padding:9px 0}.header .return{border:0;padding:9px 0}.raffle-hero{grid-template-columns:1fr;min-height:0;padding:23px 0 20px;gap:15px}.hero-copy{padding-top:0;max-width:70%;min-height:274px}.eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:16px}h1{font-size:36px;letter-spacing:-1.3px;line-height:1.1;margin-bottom:15px}.hero-rule{font-size:15px;max-width:235px}.prize-tag{padding:7px 11px;font-size:10px;gap:7px;margin-top:19px}.prize-tag svg{width:18px;height:18px}.hostess{width:210px;height:315px;left:auto;right:-20px;top:11px;bottom:auto;mask-image:linear-gradient(to bottom,#000 78%,transparent)}.ticket-glass{grid-column:1;width:100%;border-radius:23px;z-index:3}.ticket-main{padding:22px 25px 20px}.ticket-heading h2{font-size:20px}.ticket-heading svg{width:27px;height:27px}.ticket-number{padding:6px 0 14px}.ticket-number strong{font-size:86px}.ticket-number>span{font-size:17px}.ticket-rule{padding:14px 0 20px;gap:6px}.ticket-rule strong{font-size:22px}.primary{font-size:18px;min-height:45px}.helper{font-size:12px}.ticket-foot{padding:16px;font-size:12px}.ticket-glass:before,.ticket-glass:after{top:49%}.steps{padding:17px 15px;align-items:stretch;gap:15px;flex-direction:column;border-radius:14px}.steps>div{gap:14px}.steps>div>span:last-child{font-size:14px}.step-number{font-size:22px}.steps svg{width:24px;height:24px}.step-line{display:none}.info-grid{grid-template-columns:1fr;gap:14px}.info-card{padding:18px;gap:15px}.info-card strong{font-size:17px}.info-card small{font-size:12px}.info-icon{width:44px;height:44px}.info-icon svg{width:25px;height:25px}footer{font-size:10px;gap:12px}.ticket-list{grid-template-columns:1fr 1fr}}@media(max-width:360px){.hostess{width:180px;height:290px;right:-17px;top:24px}.hero-copy{max-width:73%;min-height:271px}h1{font-size:32px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-rule{font-size:14px}.prize-tag{font-size:9px;padding:7px 9px}.header nav{gap:9px}.header nav>a{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:1151px){.hostess{left:28%;width:480px;height:720px;bottom:-130px;clip-path:inset(0 0 130px 0)}}@media(max-width:720px){.hostess{right:-14px}}

/* Bring the preview composition closer to the approved artwork. */
.shell{max-width:1490px;padding:0 38px}.header{min-height:70px}.brand img{width:235px}.header nav>a{font-size:14px;padding:20px 0}.raffle-hero{min-height:645px;grid-template-columns:minmax(0,1fr) 390px;padding-top:22px;padding-bottom:16px;gap:22px}.hero-copy{padding-top:65px;max-width:570px}.eyebrow{font-size:13px;letter-spacing:3px;margin-bottom:22px}h1{font-size:70px;line-height:1.03;letter-spacing:-3.2px;margin-bottom:20px}.hero-rule{font-size:26px;max-width:570px}.prize-tag{font-size:16px;gap:14px;padding:13px 25px;margin-top:28px}.hostess{left:29%;top:-6px;bottom:auto;width:630px;height:945px;object-fit:contain;object-position:top;clip-path:inset(0 0 304px 0);mask-image:none}.ticket-glass{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none;filter:drop-shadow(0 8px 25px #0004);align-self:stretch;min-height:602px}.ticket-glass:before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:0;z-index:-1;background:url('./assets/ticket-frame.svg') center/100% 100% no-repeat}.ticket-glass:after{display:none}.ticket-main{padding:27px 33px 20px;position:relative}.ticket-heading{gap:12px}.ticket-heading h2{font-size:22px}.ticket-heading svg{width:30px;height:30px;color:#c3e9ff}.ticket-number{padding:12px 0 21px}.ticket-number strong{font-size:112px;line-height:1.04}.ticket-number>span{font-size:23px}.ticket-rule{padding:20px 0 24px;border-top-color:#b4cfec94;gap:10px}.ticket-rule>span{font-size:16px}.ticket-rule strong{font-size:25px}.primary{font-size:22px;min-height:55px;box-shadow:inset 0 1px 0 #f1fcff7a,0 0 22px #0879ff4d}.helper{font-size:13px;line-height:1.6;margin:12px 0 16px}.text-button{font-size:16px}.ticket-foot{margin:0 5px;border-top-color:#cbe4fba6;padding:22px 17px;background:none;font-size:14px;position:relative}.ticket-foot svg{width:26px;height:26px}.steps{margin-top:-2px;padding:22px 36px;border-radius:25px 25px 12px 12px;background:linear-gradient(125deg,#3b54753d,#091d3694,#53677d33);box-shadow:inset 0 1px 0 #dceeff36}.steps>div>span:last-child{font-size:17px}.step-number{font-size:30px}.steps svg{width:32px;height:32px}.info-card{padding:22px 27px;min-height:128px;background:linear-gradient(125deg,#315a824d,#0b1d3866);box-shadow:inset 0 1px 0 #e6f4ff80,inset 0 -1px 0 #b1dcff33}.info-card strong{font-size:20px}.info-card small{font-size:14px}.info-card b{font-size:14px}.info-icon{width:57px;height:57px}
@media(max-width:1250px) and (min-width:901px){.shell{padding:0 28px}.raffle-hero{grid-template-columns:minmax(0,1fr) 345px;min-height:610px}.hero-copy{padding-top:58px;max-width:475px}h1{font-size:58px}.hero-rule{font-size:22px}.hostess{left:27%;width:570px;height:855px;clip-path:inset(0 0 249px 0)}.ticket-glass{min-height:572px}.ticket-main{padding:24px 29px 18px}.ticket-number strong{font-size:100px}.ticket-number>span{font-size:21px}.ticket-rule strong{font-size:22px}.primary{font-size:20px}.steps>div>span:last-child{font-size:14px}.info-card strong{font-size:18px}}
@media(max-width:900px) and (min-width:721px){.shell{padding:0 22px}.raffle-hero{grid-template-columns:minmax(0,1fr) 300px;min-height:585px}.hero-copy{padding-top:33px;max-width:375px}h1{font-size:45px}.eyebrow{font-size:10px;letter-spacing:2px}.hero-rule{font-size:18px}.hostess{left:18%;width:490px;height:735px;clip-path:inset(0 0 154px 0)}.prize-tag{font-size:12px;padding:10px 14px}.ticket-glass{min-height:549px}.ticket-main{padding:24px 24px 18px}.ticket-heading h2{font-size:20px}.ticket-number strong{font-size:89px}.ticket-number>span{font-size:19px}.ticket-rule{padding:18px 0 22px}.ticket-rule strong{font-size:21px}.primary{font-size:18px;min-height:48px}.helper{font-size:11px}.text-button{font-size:14px}.ticket-foot{font-size:12px;padding:20px 12px}.steps{padding:18px 15px}.steps>div>span:last-child{font-size:12px}.step-number{font-size:23px}.steps svg{width:24px;height:24px}.info-card{padding:18px;min-height:118px}.info-card strong{font-size:16px}.info-card small{font-size:12px}.info-icon{width:43px;height:43px}}
@media(max-width:720px){.shell{padding:0 18px}.header{min-height:95px}.brand img{width:180px}.header nav>a{font-size:10px;padding:9px 0}.raffle-hero{grid-template-columns:1fr;min-height:0;padding-top:24px;gap:18px}.hero-copy{padding-top:0;min-height:322px;max-width:72%}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:17px}h1{font-size:39px;line-height:1.06;letter-spacing:-1.7px}.hero-rule{font-size:16px;max-width:250px}.prize-tag{font-size:11px;padding:9px 13px;margin-top:21px;gap:7px}.hostess{left:auto;right:-14px;top:21px;bottom:auto;width:250px;height:375px;clip-path:inset(0 0 42px 0);mask-image:linear-gradient(to bottom,#000 80%,transparent)}.ticket-glass{grid-column:1;min-height:588px;max-width:410px;justify-self:center}.ticket-main{padding:27px 28px 22px}.ticket-heading h2{font-size:22px}.ticket-number strong{font-size:105px}.ticket-number>span{font-size:21px}.ticket-rule strong{font-size:23px}.ticket-rule>span{font-size:15px}.primary{font-size:20px;min-height:51px}.helper{font-size:12px}.text-button{font-size:15px}.ticket-foot{font-size:12px;padding:20px 12px}.steps{margin-top:0;padding:18px;border-radius:16px}.steps>div>span:last-child{font-size:14px}.steps svg{width:26px;height:26px}.step-number{font-size:25px}.info-card{padding:20px;min-height:119px}.info-card strong{font-size:18px}.info-card small{font-size:12px}.info-card b{font-size:13px}.info-icon{width:47px;height:47px}}
@media(max-width:360px){.hero-copy{max-width:76%;min-height:300px}h1{font-size:34px}.hero-rule{font-size:14px}.hostess{right:-10px;width:210px;height:315px;top:40px;clip-path:inset(0 0 12px 0)}.prize-tag{font-size:10px;padding:8px 10px}.ticket-main{padding-left:23px;padding-right:23px}.ticket-rule strong{font-size:21px}}

/* Embedded raffle: quiet text area, printed tickets, structured participation guide. */
body{background-image:linear-gradient(90deg,rgba(2,10,24,.89) 0%,rgba(3,13,31,.80) 26%,rgba(3,13,31,.35) 49%,rgba(3,13,31,.27) 100%),url('./assets/background.webp')}
.preview-note{background:#09192be8;font-size:10px;padding:4px 12px}.preview-note a{display:none}
.raffle-hero{padding-top:30px;min-height:640px}.hero-copy{padding-top:66px;text-shadow:0 2px 18px #0009}.hero-copy:before{content:"";position:absolute;inset:25px -20px -45px -45px;z-index:-1;background:radial-gradient(ellipse at 35% 45%,#041226c9,transparent 73%);pointer-events:none}.eyebrow{color:#b7d9f5}.hero-rule{color:#e2edf9}.prize-tag{background:#09213ac9;border-color:#7aa7d080}
.hostess-image{display:block;width:100%;height:100%;object-fit:contain;object-position:top}.printed-ticket{position:absolute;display:flex;align-items:center;flex-direction:column;color:#d3ebff;text-align:center;width:7.4%;height:7.8%;transform-origin:center;line-height:1.2;letter-spacing:.5px;text-shadow:0 1px 2px #0006}.printed-ticket b{font-size:8px;font-style:normal;letter-spacing:1px}.printed-ticket i{font-size:21px;font-style:normal;font-family:Georgia,serif;margin:6px 0 3px;border-top:1px solid #a8c7dd70;border-bottom:1px solid #a8c7dd70;width:100%;padding:3px 0}.printed-ticket small{font-size:5px;letter-spacing:1px}.printed-ticket-back{left:20.5%;top:16.2%;transform:rotate(-2deg)}.printed-ticket-front{left:13.4%;top:18.2%;transform:rotate(-28deg)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:26px 0 18px;padding-top:18px;border-top:1px solid #91b5d92b}.section-heading .eyebrow{font-size:10px;letter-spacing:2.5px}.section-heading h2{font-size:27px;font-weight:600;letter-spacing:-.6px;margin:7px 0 0}.section-caption{font-size:13px;color:#b0c9e0}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0;margin:0 0 18px;background:none;border:0;box-shadow:none;backdrop-filter:none}.steps .step-line{display:none}.steps>div{position:relative;align-items:flex-start;gap:14px;padding:25px 23px;min-height:126px;border:1px solid #9bc5e33d;border-radius:15px;background:linear-gradient(130deg,#23415b65,#071a30dc 65%);box-shadow:inset 0 1px 0 #dcefff21;overflow:hidden}.steps>div:after{content:"";position:absolute;width:90px;height:90px;border:1px solid #67bdff19;border-radius:50%;right:-35px;bottom:-45px;box-shadow:0 0 0 13px #6ac4ff07,0 0 0 26px #6ac4ff04}.step-number{position:absolute;right:17px;top:8px;font-size:38px;font-weight:650;line-height:1;color:#94c9ed22}.steps svg{width:29px;height:29px;margin-top:4px}.steps>div>span:last-child{white-space:normal;font-size:16px;position:relative}.steps strong,.steps small{display:block}.steps strong{font-weight:600;margin-bottom:6px}.steps small{font-size:12px;color:#b5cde2;font-weight:400;line-height:1.7}
.info-grid{gap:16px}.info-card{min-height:136px;padding:24px;border-color:#94b6d23d;border-radius:15px;background:linear-gradient(120deg,#183953b3,#07162ce8);box-shadow:inset 0 1px 0 #effaff21}.info-icon{border-radius:13px;background:linear-gradient(140deg,#28597a99,#12304d77);border-color:#96c4e538}.info-card strong{font-size:19px}.info-card small{color:#b8cfe4;font-size:13px}.info-card b{display:inline-block;font-size:12px;letter-spacing:.15px;margin-top:13px}.info-arrow{display:grid;place-items:center;width:33px;height:33px;border:1px solid #92bcdd40;border-radius:50%;font-size:22px}.info-card:hover{border-color:#9ed9ff8c;transform:translateY(-2px)}
@media(max-width:1100px){.steps>div{padding:24px 17px;gap:10px}.steps>div>span:last-child{font-size:14px}.steps small{font-size:11px}}
@media(max-width:720px){body{background-image:linear-gradient(90deg,#020c1fe8,#04132da1),url('./assets/background.webp')}.raffle-hero{padding-top:28px;min-height:0}.hero-copy{padding-top:0}.hostess{top:26px}.printed-ticket b{font-size:3px;letter-spacing:.2px}.printed-ticket i{font-size:8px;margin:2px 0 1px;padding:1px 0}.printed-ticket small{font-size:2px;letter-spacing:.2px}.section-heading{margin-top:20px;align-items:start;flex-direction:column;gap:8px}.section-heading h2{font-size:23px}.section-caption{font-size:12px}.steps{grid-template-columns:1fr;gap:10px}.steps>div{min-height:96px;padding:20px}.steps>div>span:last-child{font-size:16px}.steps small{font-size:12px}.info-card{padding:20px;min-height:135px;backdrop-filter:none}.info-card strong{font-size:17px}.info-icon{width:43px;height:43px}}

/* Compact guide and proportional print locked to the source image coordinates. */
.ticket-print-overlay{position:absolute;inset:0;width:100%;height:100%;stroke:none;overflow:hidden;pointer-events:none}.ticket-print-overlay text{fill:#d5e9f8;text-anchor:middle;stroke:none;font-family:"Segoe UI",Arial,sans-serif}.ticket-print-overlay .print-brand{font-size:8px;font-weight:650;letter-spacing:1.2px}.ticket-print-overlay .print-vip{font:26px Georgia,serif;letter-spacing:1px}.ticket-print-overlay .print-caption{font-size:6px;letter-spacing:1px}.ticket-print-overlay path{stroke:#b9d4e98c;stroke-width:.7;fill:none}
.section-heading{margin:18px 0 12px;padding-top:14px;align-items:center}.section-heading h2{font-size:21px;letter-spacing:-.4px;margin:3px 0 0}.section-heading .eyebrow{font-size:9px;letter-spacing:2px}.section-caption{font-size:12px}.steps{gap:12px;margin-bottom:12px}.steps>div{min-height:84px;padding:18px 18px;align-items:center;gap:12px;border-radius:12px;background:linear-gradient(115deg,#2749634d,#071a30c9);box-shadow:inset 0 1px 0 #e0f2ff19}.steps>div:after{display:none}.steps svg{width:24px;height:24px;margin-top:0}.steps>div>span:last-child{font-size:14px;padding-right:18px}.steps strong{margin-bottom:3px}.steps small{font-size:11px;line-height:1.5}.step-number{font-size:23px;right:12px;top:12px;color:#9dd7ff30}.info-grid{gap:12px;margin-bottom:16px}.info-card{min-height:93px;padding:16px 19px;gap:14px;border-radius:12px;background:linear-gradient(110deg,#24496170,#07162dd9)}.info-icon{width:40px;height:40px;border-radius:10px}.info-icon svg{width:23px;height:23px}.info-card strong{font-size:16px}.info-card small{font-size:12px;margin-top:1px}.info-card b{font-size:11px;margin-top:5px}.info-arrow{width:28px;height:28px;font-size:20px}
@media(max-width:900px) and (min-width:721px){.steps>div{padding:15px 12px;gap:8px}.steps>div>span:last-child{font-size:12px}.steps small{font-size:10px}.steps svg{width:21px;height:21px}.step-number{font-size:19px;right:8px;top:8px}}
@media(max-width:720px){.section-heading{gap:6px;align-items:start}.section-heading h2{font-size:20px}.section-caption{display:none}.steps{gap:8px}.steps>div{min-height:74px;padding:14px 16px}.steps>div>span:last-child{font-size:14px}.steps small{font-size:11px}.step-number{font-size:23px;top:14px;right:14px}.info-card{min-height:94px;padding:15px;gap:12px}.info-card strong{font-size:15px}.info-card small{font-size:11px}.info-icon{width:36px;height:36px}.info-arrow{width:25px;height:25px}}

/* Sapphire glass dialogs with collectible ticket details. */
dialog{width:min(560px,calc(100% - 28px));border-radius:24px;border:1px solid #a3c7e659;background:radial-gradient(ellipse at 0 0,#264c6d80,transparent 60%),linear-gradient(145deg,#0b2138f5,#041124fa);box-shadow:inset 0 1px 0 #e1f3ff55,0 30px 110px #000b,0 0 45px #3c9be615;overflow:auto}dialog::backdrop{background:#010813c9;backdrop-filter:blur(9px)}.modal-top{padding:16px 24px;border-color:#aacded21;background:#94bce607;min-height:58px}.modal-top>span{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;color:#9bb9d3}.close{display:grid;place-items:center;width:29px;height:29px;font-size:23px;line-height:1;border-radius:50%;background:#afd9ff0a;border:1px solid #b3d4ed26;color:#cde5f8}.close:hover{background:#afd9ff20}.modal-body{padding:25px 28px 24px}.modal-emblem{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:linear-gradient(145deg,#28557680,#102c4780);border:1px solid #a5d8f64a;box-shadow:inset 0 1px 0 #d4f3ff24;margin-bottom:16px}.modal-emblem svg{width:29px;height:29px;color:#9edfff;stroke-width:1.4}.modal-body h2{font-size:25px;font-weight:650;letter-spacing:-.5px;margin:0 0 8px}.modal-body p{font-size:13px;line-height:1.8;color:#b2cbe1;margin:0 0 21px}.modal-body .primary{margin-top:22px;min-height:43px;font-size:14px;border-radius:12px;background:linear-gradient(110deg,#168dd8,#0a62cb);border-color:#a4ddff80;box-shadow:inset 0 1px 0 #e7f7ff40,0 6px 20px #0069dd1f}.ticket-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-ticket{position:relative;overflow:hidden;padding:14px 16px 12px;border:1px solid #9cc6e44d;border-radius:10px;background:linear-gradient(125deg,#23435e77,#102a4280);box-shadow:inset 0 1px 0 #d9f2ff1a}.mini-ticket:before,.mini-ticket:after{content:"";position:absolute;top:48%;width:12px;height:12px;border:1px solid #9cc6e44d;border-radius:50%;background:#0a1b2d}.mini-ticket:before{left:-8px}.mini-ticket:after{right:-8px}.mini-ticket small,.mini-ticket strong,.mini-ticket em{display:block}.mini-ticket small{font-size:8px;letter-spacing:1px;color:#8bafca}.mini-ticket strong{font-size:21px;letter-spacing:1.5px;font-weight:600;color:#e1f3ff;margin:5px 0}.mini-ticket em{font-size:10px;font-style:normal;color:#92b5d1}.ticket-barcode{display:block;height:10px;margin-top:13px;border-top:1px dashed #b7d7ef36;padding-top:5px;background:repeating-linear-gradient(90deg,#a1cee366 0 1px,transparent 1px 3px,#a1cee366 3px 5px,transparent 5px 8px);background-clip:content-box;opacity:.55}.rules-list{padding-left:22px;font-size:13px}.rules-list li::marker{color:#6dcbff;font-weight:600}
@media(max-width:480px){dialog{border-radius:19px}.modal-top{padding:13px 18px}.modal-body{padding:21px 19px}.modal-body h2{font-size:22px}.modal-body p{font-size:12px}.ticket-list{gap:9px}.mini-ticket{padding:12px}.mini-ticket strong{font-size:18px}.mini-ticket small{font-size:7px;letter-spacing:.5px}.modal-emblem{width:45px;height:45px;border-radius:13px}}

/* Mobile uses separate flow rows so artwork never sits behind the copy. */
@media(max-width:720px){
.raffle-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding-top:25px;min-height:0}
.hero-copy{grid-column:1;grid-row:1;max-width:100%;min-height:0;padding:0;margin:0;pointer-events:auto}
.hero-copy:before{display:none}.hero-copy h1{font-size:clamp(34px,9.6vw,48px);max-width:100%;letter-spacing:-1.5px;line-height:1.08;margin-bottom:17px}.hero-copy .eyebrow{font-size:9px;margin-bottom:16px}.hero-rule{font-size:16px;max-width:100%}.prize-tag{margin-top:17px;font-size:11px}
.hostess{position:relative;grid-column:1;grid-row:2;justify-self:center;left:auto;right:auto;top:auto;bottom:auto;width:260px;height:305px;margin:0;clip-path:none;overflow:hidden;mask-image:linear-gradient(to bottom,#000 93%,transparent)}
.hostess-image{position:absolute;left:0;top:0;width:260px;height:390px;max-width:none}.ticket-print-overlay{width:260px;height:390px}
.ticket-glass{grid-column:1;grid-row:3;justify-self:center;margin-top:0}
}

/* Mobile hero keeps copy and portrait together in distinct columns. */
@media(max-width:720px){
.raffle-hero{grid-template-columns:minmax(0,1fr);gap:17px;padding-top:24px}
.hero-copy{grid-column:1;grid-row:1;width:56%;max-width:56%;min-height:285px;padding:10px 0 0;align-self:start;z-index:2}
.hero-copy h1{font-size:clamp(27px,7vw,44px);line-height:1.11;letter-spacing:-1px;overflow-wrap:normal;margin-bottom:14px}
.hero-copy h1 span{display:block}.hero-copy h1 br{display:none}
.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px;line-height:1.7;margin-bottom:14px}
.hero-copy .hero-rule{font-size:12px;line-height:1.65;max-width:180px}.hero-copy .prize-tag{font-size:9px;padding:7px 9px;gap:6px;margin-top:14px;white-space:nowrap}.prize-tag svg{width:15px;height:15px}
.hostess{position:absolute;grid-column:auto;grid-row:auto;left:auto;right:-13px;top:21px;bottom:auto;width:45%;height:292px;margin:0;clip-path:none;mask-image:linear-gradient(to bottom,#000 88%,transparent);overflow:hidden;z-index:1}
.hostess-image,.ticket-print-overlay{position:absolute;left:50%;top:0;width:238px;height:357px;max-width:none;transform:translateX(-50%);object-fit:contain}
.ticket-glass{grid-column:1;grid-row:2;margin-top:0}
}
@media(min-width:480px) and (max-width:720px){.hero-copy{min-height:325px}.hostess{height:332px;right:0}.hostess-image,.ticket-print-overlay{width:280px;height:420px}.hero-copy .hero-rule{font-size:15px;max-width:240px}.hero-copy .prize-tag{font-size:11px;padding:9px 12px}.hero-copy .eyebrow{font-size:9px}}
@media(max-width:360px){.hero-copy{width:57%;max-width:57%;min-height:285px}.hero-copy h1{font-size:27px}.hero-copy .hero-rule{font-size:11px}.hero-copy .prize-tag{font-size:8px;padding:7px;gap:4px}.hostess{right:-11px;width:43%;height:288px;top:28px}.hostess-image,.ticket-print-overlay{width:213px;height:319.5px}}

@media(min-width:480px) and (max-width:720px){.hero-copy{width:54%;max-width:54%}.hostess{width:42%}}

/* Keep both handheld tickets within the mobile portrait window. */
@media(max-width:720px){.hostess{width:47%;right:-9px}.hostess-image,.ticket-print-overlay{left:0;transform:none;width:100%;height:auto;aspect-ratio:2/3}.hostess-image{object-position:top}.ticket-print-overlay{height:auto}}
@media(min-width:480px) and (max-width:720px){.hostess{width:42%;right:0}}
@media(max-width:360px){.hostess{width:45%;right:-7px}}

.ticket-result-modal {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 20px;
}

.ticket-result-modal.is-open {
  display: grid;
}

.ticket-result-backdrop {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 38, 56, 0.12), transparent 30%),
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.06), transparent 22%),
    rgba(0, 0, 0, 0.36);
  backdrop-filter: blur(5px) saturate(1.12);
}

.ticket-result-card {
  position: relative;
  overflow: hidden;
  width: min(430px, 100%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 24px;
  padding: 26px 30px 28px;
  text-align: center;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.025)),
    radial-gradient(circle at 50% 0%, rgba(255, 38, 56, 0.18), transparent 38%),
    rgba(7, 9, 14, 0.50);
  box-shadow:
    0 24px 74px rgba(0, 0, 0, 0.48),
    0 0 38px rgba(255, 38, 56, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    inset 0 0 34px rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(18px) saturate(1.18);
}

.ticket-result-modal.has-list-modal .ticket-result-card {
  width: min(620px, 100%);
}

.ticket-result-card::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.34), rgba(255, 38, 56, 0.42), rgba(255, 255, 255, 0.05));
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.ticket-result-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 50%;
  color: #fff;
  background: rgba(255, 255, 255, 0.075);
  backdrop-filter: blur(12px);
}

.ticket-result-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 255, 255, 0.15), transparent 34%),
    rgba(255, 38, 56, 0.10);
  box-shadow: 0 0 28px rgba(255, 38, 56, 0.20), inset 0 0 14px rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
}

.ticket-result-icon::before {
  content: "";
  width: 28px;
  height: 28px;
  border: 2px solid rgba(255, 255, 255, 0.20);
  border-top-color: #fff;
  border-radius: 50%;
  animation: ticketSpin 0.9s linear infinite;
}

.ticket-result-icon.is-success::before {
  content: "✓";
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #17c779, #20f0a3);
  box-shadow: 0 0 24px rgba(35, 209, 139, 0.55);
  font-size: 20px;
  font-weight: 950;
  animation: none;
}

.ticket-result-icon.is-error::before {
  content: "!";
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #9f1239, #ff2638);
  box-shadow: 0 0 24px rgba(255, 38, 56, 0.55);
  font-size: 22px;
  font-weight: 950;
  animation: none;
}

.ticket-result-icon.is-info::before {
  content: "i";
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(135deg, #334155, #64748b);
  box-shadow: 0 0 24px rgba(148, 163, 184, 0.38);
  font-size: 20px;
  font-weight: 950;
  font-family: Georgia, serif;
  animation: none;
}

.ticket-result-kicker {
  margin: 0 0 7px;
  color: var(--red);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.ticket-result-card h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  line-height: 1.12;
  letter-spacing: -0.02em;
}

.ticket-result-card p {
  color: var(--soft);
  line-height: 1.55;
  margin: 12px auto 0;
  max-width: 360px;
  font-size: 14px;
}

.ticket-result-list {
  display: none;
  max-height: 210px;
  margin: 18px 0 0;
  overflow-y: auto;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 10px 14px;
  text-align: left;
  background: rgba(5, 7, 11, 0.50);
  scrollbar-color: rgba(255, 38, 56, 0.72) rgba(255, 255, 255, 0.06);
}

.ticket-result-list.has-items {
  display: block;
}

.ticket-result-list div {
  overflow: hidden;
  min-height: 32px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  line-height: 32px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ticket-result-list.is-rules div {
  min-height: 0;
  padding: 10px 0;
  line-height: 1.45;
  white-space: normal;
}

.ticket-result-list div:last-child {
  border-bottom: 0;
}

.ticket-result-action {
  display: none;
  width: 100%;
  min-height: 42px;
  margin-top: 18px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background:
    radial-gradient(circle at 34% 0%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(135deg, rgba(167, 13, 27, 0.92), rgba(255, 38, 56, 0.92));
  box-shadow: 0 0 22px rgba(255, 38, 56, 0.24);
  font-size: 14px;
  font-weight: 900;
}

.ticket-result-action.is-visible {
  display: block;
}

@keyframes ticketSpin {
  to {
    transform: rotate(360deg);
  }
}


:root{--soft:#b5cde2;--red:#8ed4ff}.campaign-copy{max-width:460px}.campaign-copy>strong{font-size:20px;font-weight:500;color:#e1edfa}.campaign-copy>p{font-size:14px;color:#b8d0e7;line-height:1.7;margin:10px 0 0}.live-countdown{font-variant-numeric:tabular-nums}.results-info{cursor:default}.results-info:hover{transform:none}.ticket-result-backdrop{background:#010813c9;backdrop-filter:blur(9px)}.ticket-result-card,.ticket-result-modal.has-list-modal .ticket-result-card{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow:auto;text-align:left;padding:28px;border:1px solid #a3c7e659;background:radial-gradient(ellipse at 0 0,#264c6d80,transparent 60%),linear-gradient(145deg,#0b2138f5,#041124fa);box-shadow:inset 0 1px 0 #e1f3ff55,0 30px 110px #000b}.ticket-result-card:before{display:none}.ticket-result-icon{margin:0 0 17px;width:51px;height:51px;border-radius:15px;border-color:#a5d8f64a;background:linear-gradient(145deg,#28557680,#102c4780);box-shadow:inset 0 1px 0 #d4f3ff24}.ticket-result-kicker{color:#92bad7!important;font-size:10px!important;letter-spacing:1.5px}.ticket-result-card h3{font-size:25px;margin-top:7px}.ticket-result-card p{max-width:none;color:#b2cbe1;font-size:13px;line-height:1.8}.ticket-result-action{border-radius:12px;background:linear-gradient(110deg,#168dd8,#0a62cb);border:1px solid #a4ddff80;box-shadow:inset 0 1px 0 #e7f7ff40;min-height:43px;font-weight:600}.ticket-result-list{border:0;background:none;padding:0;max-height:290px;scrollbar-color:#5085a6 #0a1b2d}.ticket-result-list.has-items:not(.is-rules){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ticket-result-list:not(.is-rules)>div{position:relative;border:1px solid #9cc6e44d;border-radius:10px;background:linear-gradient(125deg,#23435e77,#102a4280);padding:19px 14px 22px;min-height:75px;line-height:1.6;font-weight:600;font-size:14px;white-space:normal;overflow-wrap:anywhere}.ticket-result-list:not(.is-rules)>div:before{content:"ZENBET";display:block;font-size:8px;letter-spacing:2px;color:#8bafca;margin-bottom:6px}.ticket-result-list:not(.is-rules)>div:after{content:"";position:absolute;bottom:10px;left:14px;right:14px;height:5px;opacity:.3;background:repeating-linear-gradient(90deg,#c6e6ff 0 1px,transparent 1px 4px,#c6e6ff 4px 6px,transparent 6px 9px)}.ticket-result-list.is-rules>div{font-weight:400;font-size:13px;padding:13px 0;line-height:1.8;color:#c3d8ec}.ticket-result-modal:has(.is-open){overflow:hidden}
@media(max-width:720px){.campaign-copy>strong{font-size:12px;line-height:1.6;display:block}.campaign-copy>p{font-size:10px;line-height:1.6;margin-top:7px}.ticket-result-modal{padding:14px}.ticket-result-card,.ticket-result-modal.has-list-modal .ticket-result-card{padding:23px 19px;max-height:calc(100dvh - 28px)}.ticket-result-card h3{font-size:22px}.ticket-result-card p{font-size:12px}.ticket-result-list:not(.is-rules)>div{font-size:12px;padding:15px 11px 21px}.ticket-result-card{backdrop-filter:none}}