@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{color:#16382e;background:#f7f8f5;margin:0;font-family:DM Sans,sans-serif}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;color:#fff;background:#194d3b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:15px 21px;font-weight:600;display:inline-flex}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}header{background:#fff9;border-bottom:1px solid #dfe6df;justify-content:space-between;align-items:center;height:100px;padding:0 6%;display:flex}.brand{align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;display:flex}.brand-icon{color:#f5d684;background:#194d3b;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand small{letter-spacing:3px;color:#718177;margin-top:5px;font-size:9px;display:block}.header-right{color:#687a6e;align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:#6c9d72;border-radius:50%;width:7px;height:7px;display:inline-block}.public{grid-template-columns:1.15fr 1fr;gap:90px;max-width:1160px;margin:65px auto 50px;padding:0 35px;display:grid}.eyebrow{letter-spacing:2px;color:#6c816f;align-items:center;gap:9px;font-size:10px;font-weight:700;display:inline-flex}h1,h2,h3{font-family:Manrope,sans-serif}h1{letter-spacing:-2.5px;margin:24px 0;font-size:59px;line-height:1.13}h1 em{color:#b28c3e;font-style:normal}.intro>p{color:#738076;max-width:345px;font-size:16px;line-height:1.8}.perks{gap:23px;margin-top:26px;font-size:11px;display:flex}.perks span{align-items:center;gap:7px;display:flex}.card{background:#fff;border:1px solid #e4e9e2;border-radius:20px;padding:32px;box-shadow:0 9px 30px #123d2310}.register{align-self:start;margin-top:8px;padding:35px}.step{letter-spacing:2px;color:#9a8453;margin:4px 0 18px;font-size:10px;font-weight:700;display:block}.card h2{letter-spacing:-.8px;margin:10px 0;font-size:25px}.card p{color:#7b867e;font-size:13px;line-height:1.7}label{margin:24px 0 0;font-size:12px;font-weight:600;display:block}input{color:#183d2f;background:#fcfdfa;border:1px solid #dbe2d9;border-radius:9px;outline:none;width:100%;margin-top:10px;padding:15px;display:block}input:focus{border-color:#427c5a;box-shadow:0 0 0 3px #427c5a15}input::placeholder{color:#a3aaa2;font-size:12px}.notice{color:#7b714b;background:#f7f5eb;border:1px solid #eee8d5;border-radius:9px;gap:11px;margin:22px 0;padding:15px;font-size:11px;line-height:1.6;display:flex}.notice svg{flex-shrink:0}.register button,.register .button{width:100%}.privacy{text-align:center;margin:17px 0!important;font-size:10px!important;line-height:1.8!important}.card-footer{color:#8e998e;border-top:1px solid #edf0e9;justify-content:center;align-items:center;gap:7px;margin-top:22px;padding-top:20px;font-size:10px;display:flex}footer{color:#8d998d;border-top:1px solid #e0e7dd;justify-content:space-between;max-width:1160px;margin:30px auto 0;padding:24px 25px;font-size:10px;display:flex}footer a{align-items:center;gap:5px;display:flex}.art{height:240px;margin:8px 0;position:relative}.art-orbit{border:1px solid #dce5d8;border-radius:50%;width:260px;height:190px;position:absolute;top:35px;left:35px;transform:rotate(-20deg)}.ticket{border-radius:17px;width:260px;height:143px;position:absolute;top:56px;left:28px;box-shadow:0 15px 25px #203d3020}.ticket-back{letter-spacing:3px;background:#e8d699;padding:14px;font-size:9px;transform:rotate(-13deg)}.ticket-front{color:#f6dea0;background:#22553f;align-items:center;gap:20px;padding:25px;display:flex;top:69px;left:65px;transform:rotate(7deg)}.ticket-front span{letter-spacing:2px;font-size:14px;line-height:1.7}.ticket-front b{letter-spacing:3px;font-size:10px;position:absolute;bottom:10px;right:15px}.spark{color:#b99548;font-size:30px;position:absolute}.s1{top:30px;left:320px}.s2{font-size:19px;top:193px;left:18px}.s3{top:210px;left:310px}.success-icon{color:#387248;background:#e9f2e9;border-radius:50%;place-items:center;width:45px;height:45px;margin-bottom:20px;display:grid}.registration-code{text-align:center;letter-spacing:3px;background:#f3f6ef;border:1px dashed #c9d7c4;border-radius:12px;margin:22px 0;padding:25px 0;font:800 60px Manrope}.whatsapp{background:#247c4e}.error{color:#a43d2e;background:#ffefea;border-radius:9px;margin:20px 0;padding:15px;font-size:13px}.admin{max-width:1250px;margin:auto;padding:42px 30px}.page-heading{justify-content:space-between;align-items:center;display:flex}.page-heading h1{letter-spacing:-1.2px;margin:14px 0;font-size:34px}.page-heading p{color:#7b897b;font-size:13px}.outline{color:#31523f;background:#fff;border:1px solid #d6e0d4;border-radius:9px;align-items:center;gap:9px;padding:11px 16px;font-size:12px;display:inline-flex}.login{max-width:440px;margin:50px auto}.login button{width:100%;margin-top:22px}nav{border-bottom:1px solid #dce5d8;gap:20px;margin:32px 0 22px;display:flex}nav button{color:#849180;background:0 0;border-radius:0;padding:14px 3px;font-size:12px}nav .selected{color:#22553f;border-bottom:2px solid #22553f}nav .refresh{margin-left:auto}.stats{grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;margin-bottom:25px;display:grid}.stats>div{background:#fff;border:1px solid #e1e8dd;border-radius:12px;padding:20px}.stats span{color:#8b9587;margin-bottom:9px;font-size:10px;display:block}.stats strong{font-size:20px}.stats>div:first-child strong{font-size:15px}.green{color:#388752!important;font-size:15px!important}.draw-layout{grid-template-columns:1.65fr 1fr;gap:24px;display:grid}.draw-stage{color:#fff;text-align:center;background:#153c2e radial-gradient(#2a5b42,#0000 65%);border-radius:20px;min-height:480px;padding:25px 30px}.stage-top{letter-spacing:1px;color:#adc2ac;justify-content:space-between;gap:10px;font-size:9px;display:flex}.stage-top span:first-child{gap:5px;display:flex}.draw-stage h2{margin-bottom:9px;font-size:25px}.draw-stage>p{color:#b8c9b8;font-size:11px}.ball{color:#224831;background:#f8f4df;border-radius:50%;place-items:center;width:165px;height:165px;margin:25px auto 15px;font:800 34px Manrope;display:grid;box-shadow:inset -9px -12px #e1dcbe,0 0 60px #bdd4a214}.ball.gold{background:#efce75;box-shadow:inset -9px -12px #dcb454,0 0 60px #e8c56b35}.draw-stage h3{margin:10px 0}.result-label{color:#d8d6ad;margin-bottom:25px;font-size:11px;display:block}.draw-stage>button{color:#244831;background:#ecd494}.actions{flex-wrap:wrap;justify-content:center;gap:9px;display:flex}.drawn{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:25px;display:flex}.drawn>span{border:1px solid #5b7d60;border-radius:8px;padding:8px 10px;font-size:12px}.drawn small{color:#abc2a9;margin-top:5px;font-size:8px;display:block}.drawn .candidate{color:#f2d483;border-color:#e2c57b}.draw-layout aside{align-self:start}.draw-layout aside button{width:100%;margin-top:18px}.note{color:#8a9685;border-top:1px solid #e8ede3;gap:10px;margin-top:25px;padding-top:23px;font-size:11px;line-height:1.8;display:flex}.note svg{flex-shrink:0}.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:25px;font-size:12px}td,th{text-align:left;border-bottom:1px solid #edf1e8;padding:16px 12px}th{color:#8a9785;font-size:10px}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-grid button{margin-top:15px}.settings-grid hr{border:0;border-top:1px solid #e8ede3;margin:30px 0}.url{overflow-wrap:anywhere}.archive{grid-column:1/-1}.archive-row{border-bottom:1px solid #edf1e8;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.muted{text-align:center;font-size:11px}@media (max-width:800px){header{height:80px;padding:0 22px}.header-right{display:none}.public{grid-template-columns:1fr;gap:20px;margin-top:32px;padding:0 22px}.intro h1{font-size:44px}.intro>p{max-width:none}.intro h1 br:nth-child(2),.art{display:none}.perks{margin-bottom:15px}.register{padding:26px}.admin{padding:30px 16px}.page-heading h1{font-size:25px}.page-heading>.outline{display:none}.stats{grid-template-columns:1fr 1fr}.stats>div{padding:15px}.draw-layout,.settings-grid{grid-template-columns:1fr}.stage-top{letter-spacing:0}.draw-stage{padding:23px 17px}.archive{grid-column:auto}nav{gap:12px}nav button{font-size:10px}.section-heading h2{font-size:19px}.section-heading{flex-wrap:wrap}footer{gap:15px;font-size:9px}.archive-row{gap:10px}}body{color:#32154c;background:#fbf8ff}header{background:#fff;border-color:#eee5f5;height:78px}.brand-icon{color:#ffe39a;background:#6d28a7}.brand small,.header-right{color:#8b739e}.live-dot{background:#8a4bc0}.public.simple-public{max-width:520px;margin:28px auto 35px;padding:0 18px;display:block}.family-register{border-color:#eee2f6;border-radius:23px;margin:0;padding:29px 30px 20px;box-shadow:0 12px 45px #7032a00b}.family-mark{color:#762ab1;background:#f5ecfc;border-radius:20px;justify-content:center;align-items:center;gap:4px;width:82px;height:64px;margin:0 auto 16px;display:flex}.family-mark span{color:#d5a13c;align-self:flex-start;padding-top:9px;font-size:18px}.family-register h1{text-align:center;letter-spacing:-1px;margin:0 0 8px;font-size:29px;line-height:1.3}.family-register .family-intro{text-align:center;color:#82718b;margin:0 0 22px;font-size:14px;line-height:1.5}.family-register label{color:#55396a;margin-top:19px;font-size:13px}.family-register input{background:#fefcff;border-color:#e7dcec;padding:14px;font-size:16px}.family-register form>button{background:#7026ab;min-height:52px;margin-top:24px;font-size:14px}.family-register .simple-help{color:#776181;text-align:center;margin:15px 0;font-size:12px;line-height:1.7}.family-register .duplicate-help{color:#97869f;text-align:center;border-top:1px solid #f1eaf5;margin:14px 0;padding-top:14px;font-size:11px;line-height:1.6}.family-rules{color:#9a88a4;border-top:1px solid #f1eaf5;gap:10px;margin-top:18px;padding-top:16px;font-size:10px;display:grid}.family-rules span{align-items:center;gap:8px;display:flex}.family-rules svg{flex-shrink:0}.sent-state{text-align:center}.sent-state .success-icon{margin:20px auto}.sent-state .outline{margin-top:15px}.sent-state .whatsapp{background:#27824b}.simple-public+.footer{margin-top:0}footer{color:#9d8ba6;border-color:#ece2f3}.brand{font-size:17px}.family-register button:disabled{opacity:.5}@media (max-width:600px){.family-register{padding:24px 22px 19px}header{height:70px}.family-mark{margin-bottom:13px}.public.simple-public{margin-top:20px}.family-register h1{font-size:27px}.family-register .family-intro{font-size:13px}footer{flex-wrap:wrap;padding:20px 18px}}:root{--family-purple:#7138a5;--family-deep:#482069;--family-yellow:#f0dc39;--family-pale:#faf7fd}body{background:var(--family-pale);color:var(--family-deep)}header{background:var(--family-purple);border-bottom:4px solid var(--family-yellow)}.brand{color:#fff}.brand-icon{background:var(--family-yellow);color:var(--family-deep);border-radius:12px}.brand small,.header-right{color:#f8ed9a}.header-right .live-dot{background:var(--family-yellow)}.family-register{border:1px solid #e6d9f0;border-top:5px solid var(--family-yellow);box-shadow:0 10px 35px #7138a510}.family-mark{background:var(--family-purple);color:#fff;border:3px solid var(--family-yellow);border-radius:24px;gap:10px;width:170px;height:90px;margin-bottom:24px;transform:rotate(-2deg);box-shadow:0 3px #4b246c}.family-mark .logo-family{color:#fff;align-self:center;padding:0;display:flex;position:relative}.logo-family>span{color:var(--family-yellow);padding:0;font-size:16px;position:absolute;top:-12px;right:-7px}.family-mark .logo-name{text-align:left;color:#fff;align-self:center;padding:0;line-height:1}.logo-name small{letter-spacing:1.5px;color:#fff;margin:0 0 5px;font-size:8px;display:block}.logo-name b{letter-spacing:-2px;color:#fff;font:900 32px/1 Manrope,sans-serif}.logo-name b>span{color:var(--family-yellow);padding:0;font-size:32px}.family-register h1{color:var(--family-deep)}.family-register form>button{background:var(--family-purple);color:#fff;border-bottom:3px solid #4e2373;box-shadow:0 4px 12px #7138a51a}.family-register form>button:hover{background:#62308f}.family-register input:focus{border-color:var(--family-purple);box-shadow:0 0 0 3px #f0dc3930}.registration-open{color:var(--family-purple);font-weight:600}.sent-state .success-icon{color:var(--family-purple);background:#faf6d5}nav .selected{color:var(--family-purple);border-bottom-color:var(--family-purple)}.admin button:not(.outline):not(.refresh):not(nav button){background:var(--family-purple)}.admin .draw-stage{background:var(--family-deep);background-image:radial-gradient(at 50% 45%,#7742a2,#0000 70%)}.admin .draw-stage>button{color:var(--family-deep);background:var(--family-yellow)!important}.admin .ball.gold{background:var(--family-yellow);box-shadow:inset -9px -12px #cfbc2d,0 0 60px #f0dc3925}.admin .ball{color:var(--family-deep)}.admin .stage-top,.admin .draw-stage>p{color:#dac8e9}.admin .drawn>span{border-color:#a47bc4}.admin .drawn .candidate{border-color:var(--family-yellow);color:var(--family-yellow)}.admin .drawn small{color:#dbc7e9}footer{border-top:2px solid #eee5b2}.family-rules svg{color:#8d65ac}.public.illustrated-public{grid-template-columns:1fr 1fr;align-items:stretch;gap:0;max-width:1080px;margin:34px auto 40px;padding:0 24px;display:grid;position:relative}.illustrated-public .community-scene{background:#7138a5;border-radius:26px 0 0 26px;min-width:0;margin:16px 0;position:relative;overflow:hidden;box-shadow:0 15px 40px #48206912}.community-scene>img{object-fit:cover;object-position:49% center;width:100%;height:100%;position:absolute;inset:0}.community-scene:after{content:"";background:linear-gradient(#0000 50%,#4820690a 65%,#361449e6 100%);position:absolute;inset:0}.scene-caption{z-index:1;color:#fff;position:absolute;bottom:33px;left:30px;right:20px}.scene-caption>span{color:#f3df55;letter-spacing:3px;margin-bottom:12px;font-size:10px;font-weight:700;display:block}.scene-caption strong{letter-spacing:-.7px;font:800 30px/1.25 Manrope,sans-serif}.illustrated-public .family-register{z-index:2;border-radius:24px;padding:28px 32px 23px;position:relative;box-shadow:0 12px 45px #48206914}.illustrated-public .family-mark{width:147px;height:75px;margin-bottom:19px}.illustrated-public .family-register h1{font-size:28px}.illustrated-public .family-register .family-intro{font-size:13px}.illustrated-public .family-register label{margin-top:17px}.illustrated-public .family-rules{font-size:10px}.illustrated-public .family-register .simple-help{font-size:11px}.illustrated-public .family-register .duplicate-help{font-size:10px}body:has(.illustrated-public){background:radial-gradient(at 10% 30%,#f2e7fc,#0000 50%),radial-gradient(at 90% 90%,#faf5d9,#0000 40%),#fcfaff}@media (max-width:700px){.public.illustrated-public{max-width:510px;margin:20px auto 28px;padding:0 18px;display:block}.illustrated-public .community-scene{height:180px;box-shadow:none;border-radius:21px 21px 0 0;margin:0 10px}.community-scene>img{object-position:center 37%;height:340px;top:-55px}.community-scene:after{background:linear-gradient(#0000 55%,#48206955)}.scene-caption{display:none}.illustrated-public .family-register{margin-top:-16px;padding:23px 23px 20px}.illustrated-public .family-mark{width:136px;height:65px;margin-bottom:15px}.illustrated-public .family-mark .logo-name b,.illustrated-public .family-mark .logo-name b>span{font-size:28px}.illustrated-public .family-register h1{font-size:26px}.illustrated-public .family-register .family-intro{margin-bottom:18px;font-size:12px}}
