:root{color:#eaf6ff;background:#061323;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 50% 0,#143b62 0%,#08192b 48%,#06111f 100%);min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page{max-width:1240px;margin:auto;padding:20px 28px}.page nav{letter-spacing:2px;color:#85d9ff;justify-content:space-between;align-items:center;padding:18px 0 35px;font-size:13px;display:flex}.page h1{letter-spacing:-2px;font-size:clamp(36px,6vw,76px);line-height:1.04}.page h1 em{color:#21baff;font-style:normal}.page h2{margin-top:50px}.eyebrow{color:#31c9ff;letter-spacing:3px;font-size:12px;font-weight:800}.muted{color:#a4bdd2}.btn{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#078ed6,#00c5ef);border:1px solid #19c6ff;border-radius:9px;justify-content:center;align-items:center;padding:15px 24px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 0 24px #0af5}.btn.secondary{box-shadow:none;color:#bceaff;background:0 0}.btn:disabled{opacity:.4;cursor:not-allowed}.landing{text-align:center;background:linear-gradient(#071a2b80,#071a2bd9),url(/images/design-reference.png) 50%/cover;flex-direction:column;justify-content:center;min-height:100vh;display:flex}.landing .hero{padding:50px 15px}.landing h1{text-shadow:0 5px 30px #000;margin:30px 0;font-size:clamp(55px,10vw,145px);line-height:.88}.landing h1 span{color:#2ac7ff}.landing p{font-size:clamp(17px,2.5vw,30px)}.actions{flex-wrap:wrap;justify-content:center;gap:15px;margin:45px 0;display:flex}.landing small{letter-spacing:3px;color:#d2e9f9}.landing footer{position:absolute;bottom:18px;left:0;right:0}.watchhero{text-align:center;background:linear-gradient(145deg,#123d62aa,#09172baa);border:1px solid #1c648b;border-radius:22px;padding:70px 20px}.watchhero h1{margin:25px 0}.watchhero h1 span{color:#28c3ff;font-size:1.4em}.watchhero p{font-size:20px}.timer{flex-wrap:wrap;justify-content:center;gap:10px;margin:35px auto;display:flex}.timer>div{background:#0c2b4c;border:1px solid #177db0;border-radius:10px;min-width:85px;padding:15px}.timer strong{font-size:clamp(27px,4vw,52px);display:block}.timer small{color:#3ed3ff;font-size:10px}.featuregrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.feature,.card,.adminSection,.login{background:#0d2942;border:1px solid #1b5478;border-radius:15px;padding:20px}.featureicon{color:#33c9ff;font-size:38px}.feature h3{font-size:16px}.feature p{color:#b2c6d8;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:20px;margin:25px 0;display:grid}.card{text-align:left;padding:0;overflow:hidden}.card img{object-fit:cover;width:100%;height:190px;display:block}.placeholder{text-align:center;background:linear-gradient(135deg,#173b5b,#0b2138 60%,#15689d);flex-direction:column;justify-content:center;align-items:center;height:190px;padding:20px;font-size:22px;font-weight:800;display:flex}.placeholder small{color:#9bd7f3;margin-top:10px;font-size:12px;font-weight:400}.cardbody{padding:20px}.cardbody h3{margin:0 0 8px}.cardbody p{color:#b4c8db;font-size:14px}footer{text-align:center;color:#5f8cad;letter-spacing:2px;padding:45px 10px 20px;font-size:11px}.votehead{text-align:center;padding:35px 10px}.votehead p{color:#bbd2e2;font-size:19px}.notice{color:#bce9ff;background:#0e3954;border:1px solid #216d9a;border-radius:8px;padding:12px 18px;font-size:13px;display:inline-block}.voteCard{color:inherit;border:2px solid #1b5478;width:100%;transition:all .2s}.voteCard:hover,.voteCard.chosen{border-color:#23caff;box-shadow:0 0 24px #009dff55}.voteSelect{color:#36d2ff;letter-spacing:1px;margin-top:20px;font-size:12px;font-weight:800;display:block}.voteFooter{z-index:5;background:#071b2ff5;border:1px solid #1e7198;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -5px 30px #0009}.thanks{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;display:flex}.thanks h1{color:#37cbff}.confetti{font-size:55px;animation:1.5s infinite bounce}@keyframes bounce{50%{transform:translateY(-15px)}}.error{color:#fff;background:#5e1d2a;border-radius:8px;padding:15px}.adminSection,.login{margin:25px 0}.admin input:not([type=checkbox]):not([type=file]),.admin textarea{color:#fff;background:#061a2c;border:1px solid #286182;border-radius:6px;width:100%;margin:8px 0 16px;padding:12px;display:block}.admin label{color:#b8dbed;margin:14px 0;font-size:13px;display:block}.admin label input[type=checkbox]{margin-right:10px}.adminList{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:25px 0;display:grid}.adminItem{background:#071b2e;border:1px solid #245476;border-radius:12px;padding:16px}.adminItemTitle{justify-content:space-between;gap:8px;display:flex}.adminItemTitle span{color:#4bd4ff}.adminThumb{object-fit:cover;max-width:100%;height:110px;margin-top:10px}.adminButtons{gap:10px;display:flex}.uploadLabel{border:1px dashed #2db9f5;padding:10px}.uploadLabel input{max-width:100%}.qrPrint{flex-wrap:wrap;gap:30px;display:flex}.qrPrint>div{color:#09192b;text-align:center;background:#fff;border-radius:12px;padding:20px}.qrPrint img{width:210px}.screen{background:linear-gradient(130deg,#0b1b30,#061a33 65%,#0b2e50);border:8px solid #0871af;flex-direction:column;height:100dvh;min-height:420px;display:flex;overflow:hidden;box-shadow:inset 0 0 55px #006fb877}.screenTop{border-bottom:2px solid #1374aa;justify-content:space-between;align-items:center;height:16%;min-height:50px;padding:1% 3%;display:flex}.logoMark{color:#e6f4ff;align-items:center;gap:12px;font-size:clamp(18px,3vw,40px);display:flex}.logoMark b{font-size:clamp(12px,2vw,26px);line-height:.9}.topTag{color:#2bc5ff;letter-spacing:2px;font-size:clamp(7px,1vw,13px)}.screenContent{flex:1;grid-template-columns:29% 43% 28%;gap:1%;min-height:0;padding:1.5%;display:grid}.anniversary{text-align:center;border-right:2px solid #0e8ac1;flex-direction:column;justify-content:center;align-items:center;display:flex}.big30{color:#e9f3ff;text-shadow:4px 8px #376b8e,0 0 30px #4cb4ed;font-size:clamp(65px,12vw,230px);font-weight:900;line-height:.8}.big30 span{letter-spacing:3px;color:#39caff;text-shadow:none;font-size:clamp(10px,1.5vw,27px);display:block}.anniversary h2{margin:20px 0 8px;font-size:clamp(13px,2.2vw,40px)}.anniversary p{color:#b8d6e8;font-size:clamp(9px,1.2vw,19px)}.screenMiddle{flex-direction:column;min-height:0;padding:1%;display:flex}.screenMiddle h1{margin:3% 0;font-size:clamp(14px,2.5vw,45px)}.screenPhoto{color:#c4e8fa;text-align:center;background:linear-gradient(145deg,#124977,#071b30) 50%/cover;border:1px solid #168ac5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:15px;min-height:0;font-size:clamp(8px,1vw,15px);display:flex}.photoSymbol{opacity:.5;font-size:clamp(55px,10vw,160px)}.featureRow{justify-content:space-around;gap:2px;padding:3% 0;display:flex}.featureRow span{text-align:center;opacity:.5;font-size:clamp(6px,.7vw,11px)}.featureRow span.active{color:#32cbff;opacity:1}.screenRight{flex-direction:column;gap:5%;min-height:0;display:flex}.countbox,.qrbox{background:#0a2b4d;border:1px solid #139bd9;border-radius:12px;padding:6%;box-shadow:inset 0 0 20px #037dc033}.countbox>small{font-size:clamp(9px,1.3vw,22px);font-weight:800}.countgrid{gap:3%;margin-top:10%;display:flex}.countgrid>div{text-align:center;border:1px solid #1888c2;width:25%;padding:4% 0}.countgrid b{font-size:clamp(12px,2.3vw,42px);display:block}.countgrid small{color:#39cfff;font-size:clamp(5px,.6vw,11px)}.qrbox{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.qrTitle{font-size:clamp(9px,1.4vw,23px);font-weight:800}.qrbox img{aspect-ratio:1;background:#fff;max-width:90%;height:55%;margin:5% auto}.qrFallback{color:#7fdcff;font-size:clamp(7px,.8vw,12px)}.screenBottom{background:#082f50;justify-content:space-between;align-items:center;height:7%;min-height:25px;padding:0 3%;font-size:clamp(8px,1.2vw,19px);font-weight:800;display:flex}.screenBottom span{color:#8dd6fa;font-size:clamp(7px,.9vw,13px)}@media (max-width:600px){.page{padding:15px}.voteFooter{flex-direction:column}.voteFooter .btn{width:100%}.adminList{grid-template-columns:1fr}.screen{border-width:3px}.screenTop{height:13%}.screenContent{grid-template-columns:28% 43% 29%}.qrbox{padding:3%}.qrbox img{height:48%}}@media print{body{background:#fff}.admin nav,.admin>h1,.admin>.notice,.adminSection>button,.admin>button,.admin footer{display:none!important}.adminSection:not(:has(.qrPrint)){display:none!important}.qrPrint{justify-content:space-around}.qrPrint>div{break-inside:avoid;border:2px solid #111}}
