@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--navy:#172b40;--navy2:#102235;--red:#e5323c;--red2:#c81f2f;--cream:#f8f3e9;--paper:#fffcf6;--sand:#ebdfc9;--ink:#1b2836;--mute:#6f7984;--green:#217b59;--gold:#e9bd67;--line:#e4ded4;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:500 14px/1.6 var(--body);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}strong,b{font-weight:800}h1,h2,h3{line-height:1.05}i{font-weight:inherit}::selection{background:#f6c5c7;color:#192d42}.ico{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.trap{position:absolute!important;left:-9999px!important;opacity:0!important}.topline{height:29px;display:flex;justify-content:space-between;align-items:center;padding:0 5%;background:#0c2032;color:#d9e5eb;font-size:9px;font-weight:800;letter-spacing:2px}.topline span:nth-child(2){color:var(--gold)}.site-header{height:88px;display:flex;align-items:center;padding:0 5%;gap:40px;background:#fffdf9;border-bottom:1px solid var(--line);position:relative;z-index:12}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.brand-mark{width:53px;height:53px;display:flex;align-items:center;justify-content:center;background:var(--red);color:white;font:900 37px/.8 var(--display);transform:skew(-8deg);position:relative;letter-spacing:-2px}.brand-mark span{font:800 13px var(--body);position:absolute;right:-6px;top:-9px;color:var(--navy)}.brand-copy strong{display:block;font:900 30px/.9 var(--display);letter-spacing:.3px}.brand-copy strong em{font-style:normal;color:var(--red)}.brand-copy small{display:block;font-size:9px;letter-spacing:1.45px;font-weight:800;margin-top:6px}.main-nav{display:flex;gap:2px;margin-left:auto;height:100%;align-items:center}.nav-link,.admin-link{border:0;background:transparent;color:#475362;font-size:12px;font-weight:800;position:relative;white-space:nowrap;padding:16px 12px}.nav-link:after{content:'';height:3px;background:var(--red);position:absolute;bottom:2px;left:12px;right:12px;transform:scaleX(0);transition:transform .2s}.nav-link:hover,.nav-link.active{color:var(--navy)}.nav-link.active:after{transform:scaleX(1)}.admin-link{display:flex;gap:8px;align-items:center;color:var(--navy);border:1px solid var(--navy);padding:10px 16px;margin-left:8px}.admin-link:hover{background:var(--navy);color:#fff}.mobile-menu{display:none}.page{display:none;min-height:65vh}.page.active{display:block}.hero{position:relative;min-height:650px;background:var(--navy);overflow:hidden;color:#fff;display:grid;grid-template-columns:minmax(470px,48%) 1fr;isolation:isolate}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(108deg,#172b40 35%,#22364a 65%,#172c3e);z-index:-2}.hero:after{content:'';position:absolute;top:0;bottom:0;right:0;width:46%;background:repeating-linear-gradient(-23deg,transparent 0,transparent 12px,#fff 13px,transparent 14px);opacity:.04;z-index:-1}.hero-bg-number{position:absolute;right:7%;top:-208px;transform:rotate(-7deg);font:900 700px/1 var(--display);color:rgba(255,255,255,.025);pointer-events:none;letter-spacing:-30px}.hero-copy{padding:79px 10px 34px max(6%,calc((100vw - 1380px)/2));z-index:2;max-width:730px}.eyebrow,.overline{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2.2px;color:var(--red)}.eyebrow{color:#f5dfb8}.eyebrow-square{height:10px;width:10px;background:var(--red);transform:rotate(45deg)}.hero-kicker{margin-top:32px;margin-bottom:14px;font-size:13px;font-weight:800;letter-spacing:2px;color:#efc783}.hero-kicker span{color:#fff;padding:0 8px}.hero h1{font:900 clamp(90px,10.4vw,170px)/.77 var(--display);letter-spacing:-2px;margin:0 0 33px;transform:skew(-2deg)}.hero h1 i{color:#f3d58d;font-style:italic}.hero h1 span{color:#f5f2e9}.hero-copy>p{max-width:510px;font-size:14px;line-height:1.85;color:#cfdae1;margin-bottom:25px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;padding:16px 21px;min-height:52px;letter-spacing:.3px;font-weight:800;font-size:13px;transition:background .2s,transform .2s,color .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn span{font-size:20px;line-height:1}.btn-light{background:#f8efd9;color:#14283c}.btn-light:hover{background:#fff}.btn-outline-light{color:#fff;background:transparent;border:1px solid #738090}.btn-outline-light:hover{background:#ffffff15}.btn-dark{background:var(--navy);color:#fff}.btn-dark:hover{background:#2b4c69}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red2)}.btn-outline-dark{border:1px solid #b3babe;color:var(--navy);background:transparent}.btn-outline-dark:hover{background:#f0e9df}.full-width{width:100%}.hero-foot{display:flex;gap:42px;border-top:1px solid #ffffff30;margin-top:45px;padding-top:22px;font-size:10px;font-weight:800;letter-spacing:1.1px;color:#c5cfd3}.hero-foot b{color:#f2d18f;font:900 25px var(--display);vertical-align:middle;margin-right:6px}.hero-art{z-index:1;position:relative;align-self:end;justify-self:stretch;min-width:0}.sport-art{display:block;width:min(100%,730px);height:auto;margin:-25px 0 5px -28px;filter:drop-shadow(3px 32px 13px #07182640)}.art-sticker{position:absolute;top:12%;right:10%;width:116px;height:116px;border-radius:50%;background:var(--red);transform:rotate(12deg);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;outline:2px dashed #ffffff99;outline-offset:-10px;box-shadow:7px 10px 0 #0d1b2b66}.art-sticker span{font:900 30px/.79 var(--display)}.art-sticker small{font-size:7px;letter-spacing:1.6px;margin-top:8px}.hero-sideword{position:absolute;right:14px;top:42%;writing-mode:vertical-rl;color:#d2c4b6;font-size:8px;letter-spacing:3px;font-weight:800}.demo-banner{background:#fff1b3;color:#563e12;display:flex;gap:15px;align-items:center;padding:12px 6%;flex-wrap:wrap}.demo-banner[hidden]{display:none}.demo-banner b{font-size:11px;letter-spacing:1.3px}.demo-banner button{border:1px solid #af8c3d;background:transparent;padding:5px 12px;margin-left:auto}.status-strip{display:flex;align-items:center;gap:13px;padding:13px 6%;background:#e8eee8;color:#244633;font-size:11px;letter-spacing:.1px;font-weight:700}.blinking-dot{width:9px;height:9px;background:#34b57f;border-radius:50%;box-shadow:0 0 0 4px #34b57f2d;animation:blinking 2s infinite}@keyframes blinking{50%{opacity:.45}}.strip-divider{height:18px;width:1px;background:#9db6a6;margin:0 9px}.strip-end{margin-left:auto;letter-spacing:2px;font-weight:800}.content-wrap{max-width:1450px;padding:0 6%;margin:auto}.home-categories{padding-top:91px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:29px}.section-heading h2,.feature-text h2{font:900 clamp(54px,6vw,84px)/.88 var(--display);letter-spacing:-.5px;margin:18px 0 0}.section-heading h2 i,.feature-text h2 i{color:var(--red)}.section-heading>p{max-width:310px;color:var(--mute);font-size:13px;line-height:1.9}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.cat-card{border:1px solid #e2dacc;min-height:294px;position:relative;overflow:hidden;background:#f2eee6;display:flex;flex-direction:column;justify-content:space-between;text-align:left;padding:18px;transition:transform .2s,box-shadow .2s}.cat-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #172b4018}.cat-card:nth-child(1){background:#e9ece8}.cat-card:nth-child(2){background:#f4e4d2}.cat-card:nth-child(3){background:#eee9db}.cat-card:nth-child(4){background:#e4e9e3}.cat-card:after{content:'';position:absolute;width:160px;height:160px;border:22px solid #fff9;right:-57px;top:40px;border-radius:50%;opacity:.3}.cat-no{font:800 12px var(--body);letter-spacing:2px;color:#697786}.cat-symbol{font:900 120px/.9 var(--display);color:var(--red);text-align:right;transform:rotate(-12deg);align-self:flex-end;filter:drop-shadow(7px 7px #c8c1b252);z-index:1;letter-spacing:-5px}.cat-card:nth-child(2) .cat-symbol{color:#237957}.cat-card:nth-child(3) .cat-symbol{color:#172d42}.cat-card:nth-child(4) .cat-symbol{color:#be763a}.cat-text{position:relative;z-index:2}.cat-text strong{display:block;font:900 35px/.9 var(--display);margin-bottom:7px}.cat-text small{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#667383;letter-spacing:1px;font-size:10px}.feature-band{display:grid;grid-template-columns:47% 53%;gap:0;padding-top:15px;padding-bottom:105px}.feature-image{position:relative;background:var(--navy);padding:20px;min-height:540px;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-image:before{content:'GURU GAMES 2026';font:900 110px var(--display);position:absolute;white-space:nowrap;transform:rotate(-90deg);opacity:.05}.feature-image img{max-height:495px;max-width:88%;object-fit:contain;box-shadow:14px 18px 0 #101d2d70;z-index:1}.poster-tag{position:absolute;bottom:28px;left:35px;background:#f3d58d;color:var(--navy);padding:12px 15px;font-size:10px;letter-spacing:1px;font-weight:800;z-index:2}.feature-text{background:#f3ecdf;padding:65px 10% 50px}.feature-text h2{margin-bottom:35px}.timeline>div{display:flex;gap:19px;padding:16px 0;border-bottom:1px solid #dfd3c3}.timeline>div>b{color:var(--red);font:900 29px var(--display);line-height:1}.timeline strong{display:block;margin-bottom:5px;font-size:13px}.timeline small{display:block;color:#65717c;font-size:12px;line-height:1.6}.feature-text .btn{margin-top:26px}.home-cta{padding:54px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--red);color:#fff;position:relative;overflow:hidden}.home-cta:before{content:'81';position:absolute;right:7%;top:-120px;font:900 350px var(--display);color:#fff;opacity:.07}.home-cta .overline{color:#fff5c5}.home-cta h2{font:900 clamp(43px,6vw,76px)/.9 var(--display);margin:13px 0 0}.home-cta h2 i{color:#ffe5ad}.home-cta .btn{position:relative;z-index:1}.site-footer{background:#112337;color:#fff;padding:39px 6% 20px}.footer-main,.footer-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-main strong{font:900 42px var(--display)}.footer-main strong i{font-style:normal;color:var(--red)}.footer-main p{font-size:10px;letter-spacing:2px;color:#bfccd5;margin:5px 0}.footer-logos{display:flex;gap:12px}.footer-logos img{width:58px;height:58px;object-fit:cover;background:#fff;border-radius:50%;padding:2px}.footer-bottom{border-top:1px solid #ffffff2e;padding-top:16px;margin-top:34px;color:#8496a8;font-size:10px;letter-spacing:1px;font-weight:800}
/* Inner screens */
.inner-page{padding:65px 6% 100px;background:#fffcf6}.page-head{max-width:1100px;margin-bottom:36px}.page-head h1{font:900 clamp(62px,8vw,105px)/.85 var(--display);letter-spacing:-1px;margin:15px 0}.page-head h1 i{color:var(--red)}.page-head>p,.page-head>div>p{max-width:690px;color:#6e7880;font-size:13px;line-height:1.9}.page-head.draw-page-head,.page-head.bracket-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.register-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;max-width:1260px}.form-panel{border:1px solid var(--line);padding:34px;background:#fff;box-shadow:5px 5px 0 #f1eade}.form-section-title{display:flex;align-items:flex-start;gap:17px;margin:6px 0 21px}.form-section-title:not(:first-child){padding-top:31px;margin-top:20px;border-top:1px solid var(--line)}.form-section-title>span{background:var(--navy);color:#fff;width:37px;height:37px;display:grid;place-items:center;flex:none;font:900 21px var(--display)}.form-section-title h3{margin:0 0 4px;font-size:16px;line-height:1.4}.form-section-title p{margin:0;color:#858b8f;font-size:12px}.field{margin-bottom:22px}.field label{display:block;font-weight:800;font-size:12px;margin-bottom:8px}.field label b{color:var(--red)}.field label span{font-weight:500;color:#8e959b}.field input,.field select,.field textarea,.search-wrap input{display:block;width:100%;border:1px solid #d9dfe1;background:#fffcf8;border-radius:0;padding:13px 14px;outline:none;color:var(--navy);font-size:13px;transition:border .2s,background .2s}.field input:focus,.field select:focus,.field textarea:focus,.search-wrap input:focus{border-color:#3b6585;background:#fff}.field input:disabled{background:#f4f2ee;color:#82909d}.split-field{display:grid;grid-template-columns:1fr 1fr;gap:16px}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{position:relative;min-height:92px;border:1px solid #d6dadb;display:flex;align-items:center;gap:13px;padding:14px;background:#fff;cursor:pointer;transition:border .2s,background .2s}.choice:has(input:checked){border:2px solid var(--red);background:#fff7f1;padding:13px}.choice input{position:absolute;right:9px;top:11px;accent-color:var(--red)}.choice .choice-art{font:900 42px var(--display);line-height:1;color:var(--red);width:45px;flex:none;text-align:center}.choice strong{display:block;font-size:13px;line-height:1.3}.choice small{display:block;color:#889099;margin-top:3px;font-size:11px}.participant-rows{display:grid;gap:9px}.member-row{display:flex;align-items:center;gap:10px}.member-index{color:#abb3b7;min-width:23px;font:900 22px var(--display)}.member-row input{flex:1;min-width:0;padding:12px 13px;border:1px solid #d9dfe1;background:#fffcf8;outline:none;font-size:13px}.member-row input:focus{border-color:#3b6585}.remove-member{border:1px solid #ddd;color:var(--red);width:39px;height:42px;background:#fff;font-size:21px}.btn-add{border:1px dashed #bb9fa0;background:#fff9f7;color:var(--red2);padding:11px 15px;margin-top:10px;margin-bottom:15px;font-weight:800;font-size:12px}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pay-option{border:1px solid #d9dfe1;padding:20px 15px;cursor:pointer;position:relative;min-height:133px;display:flex;flex-direction:column}.pay-option:has(input:checked){border:2px solid var(--red);background:#fff7f1;padding:19px 14px}.pay-option input{position:absolute;right:15px;top:15px;accent-color:var(--red)}.pay-icon{font:900 35px var(--display);color:var(--red);margin-bottom:3px}.pay-option strong{font-size:13px}.pay-option small{font-size:10px;color:#89949b}.small-notice{font-size:11px;line-height:1.7;color:#7e8992;margin:21px 0}.registration-aside{display:grid;gap:17px}.aside-top{min-height:320px;padding:27px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.aside-top:before{content:'';position:absolute;width:250px;height:250px;border:52px solid #ffffff0a;border-radius:50%;right:-110px;top:50px}.aside-top .overline{color:#e7c990}.aside-top h3{font:900 68px/.9 var(--display);margin:19px 0;color:#fff}.aside-date{font:900 70px/1 var(--display);color:var(--gold);display:flex;align-items:center;gap:12px}.aside-date span{font:800 21px/1.05 var(--display);color:#fff}.aside-top>small{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#9cb5c6}.bank-card,.help-card{border:1px solid var(--line);padding:22px;background:#fff}.bank-card>b{font-size:11px;letter-spacing:1.3px}.bank-card p{font-size:12px;line-height:1.75;color:#65717b}.bank-card .account{display:block;font:900 34px var(--display);letter-spacing:1px;color:var(--navy);overflow-wrap:anywhere;margin:12px 0 0}.bank-card .bank-name{font-size:12px;color:var(--red);font-weight:800;margin:4px 0}.help-card{background:#f4eee5}.help-card p{font-size:12px;line-height:1.8;color:#74808b}.help-card p:last-child{color:var(--navy);font-weight:700;margin-bottom:0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1250px;margin-bottom:24px}.stat-card{border:1px solid #e4ded5;padding:21px 23px;background:#f6f1e9}.stat-card small{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#77828b}.stat-card strong{display:block;font:900 44px var(--display);line-height:1;color:var(--navy);margin-top:8px}.stat-card.red{background:var(--red);border-color:var(--red);color:#fff}.stat-card.red strong,.stat-card.red small{color:#fff}.toolbar{display:flex;gap:10px;max-width:1250px;margin-bottom:16px;align-items:center}.search-wrap{flex:1;position:relative}.search-wrap span{position:absolute;top:4px;left:12px;font-size:27px;color:#76838b}.search-wrap input{padding-left:38px!important}.toolbar select{background:#fff;border:1px solid #d9dfe1;padding:13px;max-width:260px;color:var(--navy)}.toolbar .btn{min-height:48px;padding:12px 16px}.table-outer{overflow-x:auto;max-width:1400px;border:1px solid var(--line);background:#fff}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.data-table th{background:#14293e;color:#fff;padding:16px 15px;white-space:nowrap;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}.data-table td{padding:15px;border-bottom:1px solid #eae7e2;vertical-align:middle}.data-table tbody tr:hover{background:#fff9ee}.data-table tbody tr:last-child td{border-bottom:0}.data-table td:first-child{font-weight:800;color:#a4acb1}.data-table td strong{font-size:13px}.data-table td small{display:block;color:#89949d;font-size:11px;margin-top:3px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-weight:800;font-size:10px;white-space:nowrap}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status.paid{color:#197356;background:#e6f3eb}.status.pending{color:#a66a1a;background:#fff2df}.empty-state{padding:60px 25px;background:#f7f1e8;text-align:center;border:1px dashed #d5c9bc}.empty-state strong{display:block;font:900 34px var(--display);margin:8px 0}.empty-state p{max-width:400px;margin:auto;color:#7d858a;font-size:12px;line-height:1.8}.empty-illustration{font:900 85px/1 var(--display);color:#d2c9bb}
/* Lottery */
.pill-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 22px}.pill{border:1px solid #cad0d1;background:#fff;padding:12px 18px;color:#4b5a67;font-size:12px;font-weight:800;transition:background .2s}.pill.active{background:var(--navy);border-color:var(--navy);color:#fff}.pill small{font-size:10px;opacity:.7;margin-left:6px}.draw-panel{border:1px solid var(--line);min-height:460px;background:#f0e9dd;display:grid;grid-template-columns:1.15fr .85fr;overflow:hidden}.draw-stage{background:#142b42;position:relative;overflow:hidden;color:#fff;min-height:480px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:33px;isolation:isolate}.draw-stage:before{content:'';position:absolute;inset:0;background:repeating-radial-gradient(circle at 50% 55%,transparent 0 50px,#ffffff08 51px 53px,transparent 54px 98px);z-index:-1}.draw-stage:after{content:'';position:absolute;left:-10%;bottom:-120px;height:210px;width:120%;background:var(--red);transform:rotate(-7deg);z-index:-2}.draw-stage .stage-top{position:absolute;top:26px;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#edcf99}.draw-orb{height:240px;width:240px;border-radius:50%;border:8px solid #fff3db;outline:2px dashed #d4b86c;outline-offset:14px;display:grid;place-items:center;background:radial-gradient(circle at 25% 22%,#52687c,#1f3b55 52%,#091b2b 100%);box-shadow:0 25px 35px #05111b7f;position:relative;flex:none;transition:transform .3s}.draw-orb:before,.draw-orb:after{content:'';position:absolute;height:17px;width:17px;border-radius:50%;background:#f4cd75;top:25px;right:32px}.draw-orb:after{top:auto;right:auto;bottom:24px;left:31px;height:12px;width:12px}.draw-orb .orb-number{font:900 115px/.8 var(--display);color:#f5f0e7;transform:rotate(-10deg);text-shadow:7px 8px 0 #152b40}.draw-orb .orb-name{padding:20px;max-width:100%;overflow-wrap:anywhere;text-align:center;font:900 42px/.98 var(--display);color:#fff3d5}.draw-orb.spinning{animation:shake .13s infinite alternate;box-shadow:0 30px 60px #e53b3b70}@keyframes shake{from{transform:translateX(-8px) rotate(-7deg)}to{transform:translateX(8px) rotate(7deg)}}.stage-label{text-align:center;font:900 30px var(--display);margin-top:35px;text-transform:uppercase;letter-spacing:.5px}.stage-subtitle{margin-top:4px;font-size:11px;color:#c8d6df;letter-spacing:1px;text-align:center;font-weight:700}.stage-control{margin-top:22px;position:relative;z-index:1}.stage-control .btn{min-width:220px}.draw-result{padding:30px;min-width:0}.draw-result-head{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #d2c8b8;padding-bottom:18px}.draw-result-head strong{font:900 29px var(--display)}.draw-result-head span{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#6c7b83}.draw-result-list{max-height:345px;overflow:auto;margin-top:18px;display:grid;align-content:start;gap:8px}.draw-result-item{background:#fffcf6;border-left:4px solid var(--red);display:flex;align-items:center;gap:15px;padding:12px 15px;animation:fadein .25s ease-out}.draw-result-item b{font:900 26px var(--display);color:var(--red)}.draw-result-item strong{font-weight:800;font-size:13px}.draw-result-item em{font-style:normal;font-size:10px;margin-left:auto;color:#83909a}.draw-placeholder{padding:35px 10px;text-align:center;color:#8b918f;font-size:12px}.draw-admin-note{font-size:11px;line-height:1.7;color:#66717a;margin-top:14px}.draw-panel>.empty-state{grid-column:span 2}.draw-tools{margin-top:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.draw-tools .btn{padding:11px 15px;min-height:43px}.warning{padding:14px;background:#fff1e4;border-left:3px solid #df973b;color:#8b5e24;font-size:12px;line-height:1.7}.bracket-scroll{overflow-x:auto;background:#f3eee5;border:1px solid #e3d9cb;padding:28px 20px}.bracket-grid{display:flex;gap:22px;align-items:stretch;min-width:max-content}.bracket-round{width:254px;flex:none;display:flex;flex-direction:column;gap:18px}.bracket-round h3{font:900 25px var(--display);color:#1c3549;margin:0 0 10px;border-bottom:3px solid var(--red);padding-bottom:9px}.bracket-round h3 small{display:block;font:700 10px var(--body);color:#84919a;letter-spacing:1.4px;margin-bottom:5px}.match-card{border:1px solid #ddd7cc;background:#fff;padding:10px 12px;box-shadow:3px 4px 0 #e1d8c9;min-height:112px}.match-card>small{display:block;color:#9aa2a8;font-size:9px;letter-spacing:1.2px;font-weight:800;margin-bottom:8px}.match-team{display:flex;align-items:center;gap:8px;padding:7px 5px;font-size:12px;min-height:31px}.match-team+.match-team{border-top:1px dashed #e4ded4}.match-team span{overflow-wrap:anywhere;flex:1}.match-team em{font-style:normal;font-size:9px;color:#b5adb0}.match-team.win{background:#e6f1ea;color:#116d50;font-weight:800}.match-team.waiting{color:#a1a6aa}.winner-btn{border:1px solid #d2d9d2;color:#1d684d;background:#f1faf3;font-size:9px;padding:3px 6px;font-weight:800}.winner-btn:hover{background:#d8eddf}.champion-banner{display:flex;gap:24px;align-items:center;margin-top:20px;background:#132c40;color:#fff;padding:22px 26px;max-width:760px}.champion-cup{font:900 60px var(--display);color:#eac46e}.champion-banner small{display:block;color:#d0b985;letter-spacing:2px;font-weight:800;font-size:10px}.champion-banner strong{display:block;font:900 33px var(--display);margin-top:3px}.bracket-help{font-size:11px;color:#78828a;margin:12px 0 0;line-height:1.7}
/* Admin */
.login-box{max-width:480px;background:#fff;border:1px solid var(--line);padding:40px;box-shadow:7px 7px 0 #f2e9de}.login-box h2{font:900 42px var(--display)}.login-box p{color:#7a8490;font-size:12px}.login-box input{width:100%;border:1px solid #ccd4d7;background:#fff;padding:14px;font-size:14px;outline:none;margin:10px 0 14px}.admin-info{font-size:12px;color:#5c6771;margin-top:12px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.admin-tab{border:1px solid #d3d8d8;background:#fff;padding:11px 15px;font-weight:800;font-size:12px}.admin-tab.active{background:var(--red);color:#fff;border-color:var(--red)}.admin-head{display:flex;gap:16px;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.admin-head h2{font:900 39px var(--display);margin:0}.admin-head .btn{min-height:42px;padding:10px 16px}.admin-surface{padding:25px;background:#fff;border:1px solid var(--line);max-width:1300px}.admin-surface h3{font:900 27px var(--display);margin-bottom:13px}.admin-surface .field{margin-bottom:16px}.setting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 22px;max-width:970px}.setting-grid .full{grid-column:span 2}.setting-grid .field label{font-size:11px}.setting-grid .field textarea{min-height:80px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap td{font-size:11px}.admin-mini{border:1px solid #d6dfe0;padding:7px 9px;background:#f9faf9;color:#243e55;font-size:11px;cursor:pointer;font-weight:800}.admin-mini.danger{color:#b22e38}.admin-mini:hover{background:#ebf0f0}.select-status{font-size:11px;border:1px solid #cbd4d6;padding:7px;max-width:130px}.admin-actions{display:flex;gap:5px;flex-wrap:wrap}.chip{display:inline-block;padding:4px 8px;color:#5e7383;background:#eaf0f1;font-size:10px;font-weight:800}.admin-category-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-category-box{border:1px solid var(--line);padding:16px;background:#f8f4ed}.admin-category-box b{display:block;font-size:12px}.admin-category-box .state{display:block;color:#7b8690;font-size:11px;margin-bottom:14px}.admin-category-box .btn{padding:10px;min-height:37px;font-size:11px;white-space:normal}.admin-category-box .admin-mini{margin-top:7px;width:100%}.admin-note{background:#eef4f3;border-left:3px solid #217b59;padding:12px 17px;font-size:12px;line-height:1.7;color:#37565c;margin-bottom:20px}.toast{position:fixed;bottom:25px;right:23px;z-index:30;background:#1c3850;color:#fff;padding:14px 20px;min-width:220px;max-width:410px;box-shadow:0 10px 30px #0d1b2f40;font-size:12px;font-weight:800;transform:translateY(110px);opacity:0;transition:transform .25s,opacity .25s;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#bd2e3a}.modal{position:fixed;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;background:#0a1c2fc7;padding:20px;overflow:auto}.modal[hidden]{display:none}.modal-card{background:#fffcf6;max-width:540px;width:100%;max-height:92vh;overflow-y:auto;position:relative;padding:38px;box-shadow:15px 18px 0 #0615224d}.modal-close{position:absolute;top:12px;right:15px;border:0;background:transparent;font-size:29px;color:#6c7d86}.modal-card h2{font:900 44px var(--display);margin:10px 0}.modal-card p{font-size:12px;color:#65727b}.receipt-code{font:900 35px var(--display);background:#14293e;color:#fff;display:inline-block;padding:14px 20px;letter-spacing:2px;margin:13px 0}.modal-card .field{margin:12px 0}.modal-card .member-edit-list{display:grid;gap:6px}.modal-card .member-edit-list input{width:100%;padding:10px;border:1px solid #d5d9d9}.modal-card .btn{margin-top:12px}.muted{color:#7e8992}.print-only{display:none}@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero-copy{padding-left:max(6%,calc((100vw - 1370px)/2))}.content-wrap,.inner-page{padding-left:max(6%,calc((100vw - 1370px)/2));padding-right:max(6%,calc((100vw - 1370px)/2))}}
@media(max-width:1150px){.site-header{gap:12px;padding:0 3%}.main-nav{gap:0}.nav-link{padding:12px 9px;font-size:11px}.admin-link{padding:9px}.hero{grid-template-columns:minmax(405px,49%) 1fr;min-height:590px}.hero-copy{padding-top:74px}.hero h1{font-size:111px}.category-grid{gap:10px}.cat-card{min-height:266px}.cat-text strong{font-size:30px}.cat-symbol{font-size:96px}.register-layout{grid-template-columns:minmax(0,1fr) 300px}.feature-text{padding:50px 8%}}
@media(max-width:850px){.topline span:last-child{display:none}.site-header{height:78px;justify-content:space-between;padding:0 5%}.mobile-menu{display:block;background:transparent;border:1px solid var(--line);font-size:22px;padding:6px 12px;color:var(--navy)}.brand-copy strong{font-size:26px}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;box-shadow:0 18px 24px #0815222d;height:auto;padding:14px 5%;flex-direction:column;align-items:stretch;margin:0;z-index:20}.main-nav.open{display:flex}.nav-link{width:100%;text-align:left;padding:14px 9px;border-bottom:1px solid #ece7df}.nav-link:after{display:none}.admin-link{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:65px 6% 18px;max-width:680px}.hero h1{font-size:clamp(95px,18vw,155px)}.hero-art{max-width:610px;width:80%;justify-self:end;align-self:start;margin-top:-78px}.sport-art{margin:0}.art-sticker{right:16%;top:6%}.hero-sideword{display:none}.hero-foot{margin-top:30px}.category-grid{grid-template-columns:repeat(2,1fr)}.cat-card{min-height:270px}.cat-symbol{font-size:110px}.feature-band{grid-template-columns:1fr}.feature-image{min-height:450px}.feature-text{padding:60px 8%}.register-layout{grid-template-columns:1fr}.registration-aside{grid-template-columns:1fr 1fr}.aside-top{grid-row:span 2}.admin-category-settings{grid-template-columns:repeat(2,1fr)}.draw-panel{grid-template-columns:1fr}.draw-result{padding:23px}.draw-panel>.empty-state{grid-column:auto}.draw-stage{min-height:455px}.page-head.draw-page-head,.page-head.bracket-head{align-items:flex-start}.stats-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.topline{font-size:8px;letter-spacing:1px;padding:0 4%}.site-header{padding:0 4%;gap:7px}.brand-mark{height:46px;width:46px;font-size:32px}.brand-copy strong{font-size:23px}.brand-copy small{font-size:7.5px}.admin-link{font-size:0;gap:0;margin-left:auto;padding:10px}.admin-link svg{height:16px;width:16px}.mobile-menu{font-size:21px;padding:3px 9px}.hero-copy{padding:52px 5% 0}.hero h1{font-size:clamp(87px,22vw,118px);letter-spacing:-1px;margin-bottom:24px}.hero-kicker{font-size:10px;letter-spacing:1.2px;margin-top:23px}.hero-copy>p{font-size:12px}.hero-actions{gap:8px}.hero-actions .btn{flex:1;min-width:0;padding:13px;font-size:11px;gap:9px}.hero-foot{gap:16px;margin-top:22px;padding-top:15px}.hero-foot span{font-size:9px}.hero-foot b{font-size:20px}.hero-art{width:96%;margin-top:-37px;margin-bottom:-12px}.art-sticker{width:82px;height:82px;top:8%}.art-sticker span{font-size:23px}.art-sticker small{font-size:5px}.status-strip{padding:13px 5%;font-size:10px}.strip-end{display:none}.content-wrap{padding-left:5%;padding-right:5%}.home-categories{padding-top:62px;padding-bottom:60px}.section-heading{display:block}.section-heading h2,.feature-text h2{font-size:58px}.section-heading>p{max-width:none}.category-grid{gap:9px}.cat-card{min-height:218px;padding:13px}.cat-symbol{font-size:80px}.cat-text strong{font-size:26px}.cat-text small{font-size:8px}.feature-band{padding-bottom:65px}.feature-image{min-height:360px;padding:13px}.feature-image img{max-height:350px}.feature-text{padding:48px 7%}.home-cta{display:block;padding:42px 6%}.home-cta h2{font-size:49px}.home-cta .btn{margin-top:22px}.footer-main{align-items:flex-start;flex-direction:column}.footer-main strong{font-size:36px}.footer-logos img{width:47px;height:47px}.footer-bottom{display:block;font-size:8px}.footer-bottom span{display:block;margin-top:8px}.inner-page{padding:48px 5% 70px}.page-head h1{font-size:67px}.page-head.draw-page-head,.page-head.bracket-head{display:block}.page-head .btn{margin-top:15px}.form-panel{padding:22px 15px}.choice-grid{gap:7px}.choice{padding:10px;min-height:85px;gap:7px}.choice:has(input:checked){padding:9px}.choice .choice-art{font-size:30px;width:31px}.choice strong{font-size:11px}.choice small{font-size:9px}.split-field{grid-template-columns:1fr;gap:0}.payment-grid{gap:8px}.pay-option{padding:14px 10px;min-height:129px}.pay-option:has(input:checked){padding:13px 9px}.pay-option strong{font-size:11px}.pay-option small{font-size:9px}.registration-aside{grid-template-columns:1fr}.aside-top{grid-row:auto;min-height:240px}.aside-top h3{font-size:55px}.stats-row{gap:8px}.stat-card{padding:16px}.stat-card strong{font-size:36px}.stat-card small{font-size:9px}.toolbar{flex-wrap:wrap}.toolbar .search-wrap{flex-basis:100%}.toolbar select{flex:1;min-width:0}.toolbar .btn{padding:10px}.data-table th,.data-table td{padding:12px 9px;white-space:nowrap}.data-table td:nth-child(2){white-space:normal;min-width:150px}.pill-tabs{gap:6px}.pill{font-size:10px;padding:10px 11px}.draw-stage{min-height:400px;padding:24px 10px}.draw-orb{height:190px;width:190px}.draw-orb .orb-number{font-size:88px}.draw-orb .orb-name{font-size:31px}.draw-stage .stage-top{left:18px;right:18px}.draw-result-head strong{font-size:25px}.draw-result{padding:20px}.login-box{padding:26px 20px}.admin-surface{padding:17px 12px}.admin-category-settings,.setting-grid{grid-template-columns:1fr}.setting-grid .full{grid-column:span 1}.modal-card{padding:29px 19px}.modal-card h2{font-size:36px}}
@media print{body{background:#fff;color:#000}.topline,.site-header,.site-footer,.hero,.status-strip,.page-head,.pill-tabs,.btn,.draw-tools,.bracket-help,.toast,.demo-banner,.modal{display:none!important}.page{display:none!important}.page.printing{display:block!important;padding:0!important}.bracket-scroll{overflow:visible;padding:0;border:0}.bracket-grid{gap:12px;min-width:0;zoom:.78}.bracket-round{width:220px}.match-card{break-inside:avoid}.print-only{display:block!important;font-size:20px;font-weight:900;margin:0 0 20px}.champion-banner{background:#eee!important;color:#000!important}}
.edit-match{float:right;border:0;background:#eae7e0;color:#3a566a;font-size:8px;font-weight:800;padding:4px 7px;letter-spacing:.7px}.edit-match:hover{background:#d6dfdf}.match-meta{border-top:1px solid #eae3d9;margin-top:6px;padding:8px 5px 0;display:grid;gap:2px;color:#727f87;font-size:10px}.match-meta b{color:var(--red)}
/* Dedicated TM presentation mode for projector / IFP */
#exitPresentation{display:none}body.tm-presentation{background:var(--navy);overflow:hidden}body.tm-presentation .topline,body.tm-presentation .site-header,body.tm-presentation .site-footer{display:none!important}body.tm-presentation .page{display:none!important}body.tm-presentation #page-undian{display:block!important;padding:12px 16px;height:100vh;overflow:hidden;min-height:0;background:var(--navy)}body.tm-presentation #page-undian .page-head{display:none}body.tm-presentation #drawCategoryTabs{margin:0 165px 10px 0;min-height:43px}body.tm-presentation #drawCategoryTabs .pill{padding:10px 12px;font-size:11px;background:#30455a;border-color:#567080;color:#fff}body.tm-presentation #drawCategoryTabs .pill.active{background:#edc983;color:#1a3348;border-color:#edc983}body.tm-presentation #drawPanel{height:calc(100vh - 65px);min-height:0;grid-template-columns:1.4fr .75fr}body.tm-presentation #drawPanel .draw-stage{min-height:0}body.tm-presentation #drawPanel .draw-result{overflow:auto;background:#f6efe3}body.tm-presentation #drawPanel .draw-result-list{max-height:calc(100vh - 240px)}body.tm-presentation #exitPresentation{display:block;position:fixed;z-index:30;top:13px;right:17px;background:#edc983;color:#18334a;border:0;padding:12px 15px;font-weight:800;font-size:12px}
@media(max-width:750px){body.tm-presentation #page-undian{overflow:auto;height:100vh}body.tm-presentation #drawPanel{height:auto;grid-template-columns:1fr;min-height:0}body.tm-presentation #drawPanel .draw-stage{min-height:450px}body.tm-presentation #drawCategoryTabs{margin-right:80px}body.tm-presentation #drawCategoryTabs .pill{font-size:9px;padding:7px}body.tm-presentation #drawPanel .draw-result{max-height:320px}}
.hero-badges{display:flex;position:absolute;top:29px;left:25px;gap:9px;z-index:5;transform:rotate(-4deg)}.hero-badges img{width:57px;height:57px;border-radius:50%;object-fit:cover;background:#fff;border:3px solid #f1e9d8;box-shadow:0 6px 14px #0b1a2f66}.hero-badges img:first-child{object-fit:contain;padding:2px}@media(max-width:850px){.hero-badges{top:25px;left:45px}.hero-badges img{width:48px;height:48px}}@media(max-width:560px){.hero-badges{top:3px;left:25px}.hero-badges img{width:37px;height:37px;border-width:2px}}
/* GURU GAMES 2026 — Art direction v2. Editorial sport illustration from official event artwork. */
:root{--navy:#102f37;--navy2:#082b32;--red:#d61f31;--red2:#ac182c;--cream:#fff2db;--paper:#fbf9f3;--sand:#ead7b2;--gold:#efbb49;--green:#05674f;--ink:#17313a;--line:#e9e1d3}
.topline{background:#08302d;color:#fff5e4}
.site-header{background:#fffdf7;box-shadow:0 2px 0 #ddcfb8;min-height:86px}
.brand-mark{background:#d91e35;box-shadow:5px 5px 0 #edc263}
.nav-link.active{color:#b5192b}
.nav-link:after{background:#d91e35;border-radius:8px}
.hero{min-height:670px;background:#0c3435;grid-template-columns:minmax(480px,49%) minmax(0,51%)}
.hero:before{background:radial-gradient(circle at 70% 15%,#1f6463 0,transparent 48%),linear-gradient(105deg,#06323b 6%,#0c4d4c 67%,#092d36);z-index:-2}
.hero:after{background:linear-gradient(90deg,transparent,rgba(239,189,67,.07));opacity:1}
.hero h1{font-size:clamp(88px,9.7vw,157px);text-shadow:0 8px 0 #072a3447;letter-spacing:-2px}
.hero h1 i{color:#ffcb53}
.hero .hero-copy{padding-top:94px}
.hero .hero-copy>p{color:#e2ebe4;font-size:15px}
.hero-art{position:relative;min-height:670px;height:100%;display:block;align-self:stretch;isolation:isolate}
.hero-sport-photo{position:absolute;inset:-3% -6% -3% -14%;width:120%;max-width:none;height:106%;object-fit:cover;object-position:48% 50%;filter:saturate(1.22) contrast(1.08);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);animation:heroPhoto 1.35s cubic-bezier(.22,.65,.17,1) both}
.hero-art:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0a3b40 0%,#0a3b4090 8%,transparent 33%),linear-gradient(0deg,#082d38ae,transparent 34%);pointer-events:none}
.hero-badges{z-index:4;top:25px;left:8%;display:flex;gap:9px;position:absolute;align-items:center}
.hero-badges img{width:68px;height:68px;border-radius:50%;border:4px solid #fff8e9;object-fit:contain;background:#fff;box-shadow:0 9px 28px #06181b99}
.hero-photo-stamp{position:absolute;z-index:2;top:19%;right:4%;color:#fff9ea;transform:rotate(7deg);font:900 18px var(--display);letter-spacing:2px;text-shadow:1px 2px 6px #092c2caa}
.hero-photo-stamp b{font-size:49px;color:#ffce5d;vertical-align:middle}
.hero-photo-credit{position:absolute;z-index:2;bottom:27px;left:8%;right:8%;color:#ffe7aa;font-size:10px;letter-spacing:3px;font-weight:900;text-align:center;padding:10px;border-top:1px solid #ffffff77}
.art-sticker{z-index:3;top:42%;right:5%;background:#d71937;border:5px solid #ffe6a3;box-shadow:7px 11px 0 #122d3177;animation:heroBadge 1s .6s both}
.hero-sideword{z-index:5;color:#fff3e2}
.hero-kicker{color:#ffd164}
.hero-foot b{color:#ffd164}
.status-strip{border-bottom:2px solid #e8d4a9}
.home-categories{padding-top:80px}
.cat-card.premium-cat{padding:0;min-height:340px;border:0;border-radius:12px 12px 8px 8px;box-shadow:0 12px 0 #e9dfcf,0 24px 35px #12312f16;isolation:isolate;overflow:hidden;background:#0c5949}
.premium-cat:nth-child(2){background:#a63a2c}
.premium-cat:nth-child(3),.premium-cat:nth-child(4){background:#273e51}
.premium-cat:after{width:100%;height:65%;right:0;top:auto;bottom:0;border:0;border-radius:0;opacity:1;background:linear-gradient(0deg,#0a2c32ef,transparent)}
.premium-cat .cat-no{position:absolute;z-index:2;top:18px;left:17px;padding:5px 10px;border:1px solid #fff9;color:white;background:#062c3388;backdrop-filter:blur(5px);font-size:10px}
.premium-cat .cat-illustration{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s cubic-bezier(.2,.6,.18,1);filter:contrast(1.1) saturate(1.15)}
.premium-cat:hover .cat-illustration{transform:scale(1.09)}
.premium-cat .cat-text{position:relative;z-index:2;margin-top:auto;padding:125px 17px 17px;color:white;width:100%}
.premium-cat .cat-text strong{font-size:clamp(28px,3vw,42px);text-shadow:0 2px 12px #051b23}
.premium-cat .cat-text small{color:#ffe7b0;border-top:1px solid #e7d5b999;padding-top:10px;margin-top:9px;letter-spacing:1.5px}
.premium-cat .cat-text small span{color:#fff}
.premium-cat:nth-child(4) .cat-illustration{object-position:70% 45%;filter:hue-rotate(5deg) saturate(1.3)}
.page-head h1 i{color:#cf2338}
.page-head>p,.page-head div>p{max-width:740px}
.form-panel{border:0;border-top:6px solid #d2243b;border-radius:8px;box-shadow:0 14px 40px #163e3812;background:#fffdf8;padding:34px}
.form-panel .form-section-title{margin-top:28px}
.form-panel .form-section-title:first-child{margin-top:0}
.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.premium-choice.choice{min-height:268px;position:relative;display:flex;flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;border:2px solid #e5ddcf;border-radius:10px;background:#fff;box-shadow:0 5px 0 #eee7db;transition:border-color .2s,box-shadow .2s,transform .2s;cursor:pointer}
.premium-choice.choice:has(input:checked){padding:0;background:#fff;border:3px solid #bb2137;box-shadow:0 6px 0 #f0b44c;transform:translateY(-2px)}
.premium-choice.choice:focus-within{outline:3px solid #ffd15a;outline-offset:2px}
.premium-choice.choice img{width:100%;height:143px;object-fit:cover;object-position:center 53%;flex:none;filter:saturate(1.18)}
.premium-choice.choice .choice-copy{display:block;padding:12px 14px 14px;flex:1}
.premium-choice.choice strong{font:900 23px/.98 var(--display);letter-spacing:.3px;color:#16353d}
.premium-choice.choice small{font:700 10px/1.3 var(--body);margin:7px 0;color:#6e7b7f}
.premium-choice.choice em{display:block;font:900 24px var(--display);font-style:normal;color:#c41c32;margin-top:5px}
.premium-choice.choice input{right:10px;top:10px;width:25px;height:25px;accent-color:#cb2437;z-index:3;box-shadow:0 0 0 4px #fff8;border-radius:2px}
.premium-choice.choice:after{content:'PILIH';position:absolute;top:12px;left:12px;background:#ffffffd9;border-radius:3px;color:#10393c;padding:4px 10px;font-size:9px;letter-spacing:2px;font-weight:900}
.premium-choice.choice:has(input:checked):after{content:'✓ TERPILIH';background:#ca1f36;color:#fff}
.roster-sections{display:grid;gap:15px}
.roster-empty{padding:35px 22px;text-align:center;color:#50666a;border:2px dashed #d9c9a9;border-radius:9px;background:#fff8ed;font-weight:700}
.roster-block{padding:20px;background:#fff;border:1px solid #dedbcf;border-radius:10px;box-shadow:0 6px 0 #f0e6d6;animation:rosterEnter .38s both}
.roster-header{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ebe5d8;margin-bottom:13px;padding-bottom:14px}
.roster-header img{width:104px;height:76px;object-fit:cover;border-radius:6px}
.roster-header>div{flex:1;min-width:0}
.roster-header small{font-size:9px;letter-spacing:1.5px;font-weight:900;color:#c01f34}
.roster-header h4{font:900 29px/1 var(--display);margin:3px 0;color:#11383a}
.roster-header p{font-size:11px;color:#657578;margin:0}
.roster-counter{font-size:10px;font-weight:900;color:#16554b;padding:6px 9px;background:#e5f2e8;border-radius:4px}
.roster-block .participant-rows{display:grid;grid-template-columns:1fr;gap:8px}
.roster-block .member-row input{background:#fffdf8;border-radius:6px}
.roster-block .btn-add{margin-top:12px;border-radius:7px;width:100%;background:#eaf4ed;color:#15534a;border:1px dashed #91bca8;font-weight:800}
.roster-block .btn-add:hover{background:#dff0e2}
.roster-block .member-row .remove-member{min-width:42px;min-height:42px}
.invoice-block{border-radius:10px;background:#0d3939;color:#fff;padding:23px 25px;box-shadow:0 9px 0 #dcb658;position:relative;overflow:hidden}
.invoice-block:after{content:'81';position:absolute;right:2%;bottom:-75px;color:#ffffff0b;font:900 200px var(--display);pointer-events:none}
.invoice-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:1.4px;font-weight:900;padding-bottom:14px;border-bottom:1px solid #ffffff30;color:#f5d384}
.invoice-caption b{letter-spacing:0;color:#fff;white-space:nowrap}
.invoice-line{position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 0;border-bottom:1px dashed #ffffff29}
.invoice-line span strong{display:block;font-weight:800;font-size:13px}
.invoice-line small{display:block;color:#bcddd8;font-size:11px}
.invoice-line b{font-size:15px;white-space:nowrap}
.invoice-empty{padding:25px 0;color:#b5d2ca}
.invoice-total{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px -8px 3px;padding:12px 8px;border-top:2px solid #e8ba59;position:relative;z-index:1}
.invoice-total span{font-weight:900;font-size:12px;letter-spacing:1px}
.invoice-total strong{font:900 clamp(31px,4vw,43px) var(--display);color:#ffd05f;white-space:nowrap}
.invoice-block>p{font-size:11px;color:#d0e7df;margin:0;position:relative;z-index:1}
.fee-reference{border-top:1px solid #e5ddd1;margin-top:15px;padding-top:10px}
.fee-reference>b{font-size:11px;letter-spacing:1px}
.fee-reference p{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:12px 0!important}
.fee-reference p span{font-weight:700;font-size:12px}
.fee-reference p small{display:block;font-size:10px;color:#818e90}
.fee-reference p strong{white-space:nowrap;font-size:12px;color:#bc2234}
.fee-reference>small{font-size:10px;color:#677b7b}
.receipt-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:14px;margin:10px 0 15px;background:#e9f3e9;font-weight:800}
.receipt-summary strong{font:900 32px var(--display);color:#10624b}
.admin-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}
.admin-summary-grid>div{border-radius:8px;background:#fff;border:1px solid #e8dfd1;padding:15px;box-shadow:0 5px 0 #eee5d7}
.admin-summary-grid small{display:block;font-size:9px;letter-spacing:1px;color:#6d7c7a;font-weight:900}
.admin-summary-grid strong{font:900 clamp(23px,2.5vw,33px) var(--display);color:#0d5143}
.admin-summary-grid>div:last-child strong{color:#bf2438}
.admin-roster-list{display:grid;gap:9px;min-width:280px}
.admin-roster-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f8f6f0;border-radius:7px;padding:8px}
.admin-roster-row>span:first-child{min-width:0;max-width:330px}
.admin-roster-row b{font-size:11px;display:block}
.admin-roster-row small{display:block;white-space:normal;font-size:10px;color:#5b7478}
.admin-roster-row .admin-mini{padding:5px 8px;font-size:10px}
.settings-hint{font-size:12px;color:#587077}
.settings-toggle{display:flex;gap:10px;align-items:center;margin:20px 0;font-weight:800}
.settings-toggle input{width:20px;height:20px;accent-color:#cf2039}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #efc652;outline-offset:3px}
.page.active:not(#page-beranda){animation:rosterEnter .3s ease-out}
@keyframes rosterEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes heroPhoto{from{opacity:0;transform:scale(1.06) translateX(40px)}to{opacity:1;transform:scale(1) translateX(0)}}
@keyframes heroBadge{from{opacity:0;transform:rotate(30deg) scale(.6)}to{opacity:1;transform:rotate(12deg) scale(1)}}
@media(max-width:1150px){.hero{grid-template-columns:47% 53%;min-height:600px}.hero-art{min-height:600px}.hero h1{font-size:clamp(80px,10vw,125px)}.premium-cat .cat-text strong{font-size:31px}}
@media(max-width:850px){.hero{display:flex;flex-direction:column}.hero-art{min-height:410px;width:100%;margin:0}.hero-sport-photo{inset:-10% 0 0 0;width:100%;height:110%;clip-path:none;object-position:center}.hero-art:before{background:linear-gradient(180deg,#0b3f42bb,transparent 35%),linear-gradient(0deg,#0b3446,transparent 38%)}.hero-badges{left:5%}.hero .hero-copy{padding:55px 6% 15px}.hero-photo-credit{bottom:20px}.art-sticker{top:24%;right:7%}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.premium-choice.choice{min-height:242px}.premium-choice.choice img{height:112px}.admin-summary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero .hero-copy{padding:50px 5% 12px}.hero h1{font-size:clamp(86px,21vw,118px)}.hero-art{min-height:310px;width:100%;margin:0}.hero-badges{left:4%;top:8px}.hero-badges img{width:43px;height:43px;border-width:2px}.art-sticker{width:88px;height:88px;top:26%;right:4%}.art-sticker span{font-size:24px}.hero-photo-stamp{top:8%;right:4%;font-size:13px}.hero-photo-stamp b{font-size:36px}.hero-photo-credit{font-size:8px;letter-spacing:1px}.cat-card.premium-cat{min-height:255px}.premium-cat .cat-text{padding:120px 12px 12px}.premium-cat .cat-text strong{font-size:32px}.choice-grid{grid-template-columns:1fr;gap:11px}.premium-choice.choice{min-height:112px;display:grid;grid-template-columns:125px 1fr;grid-template-rows:1fr;border-radius:8px}.premium-choice.choice img{height:100%;min-height:118px;grid-row:1;object-position:50% 55%}.premium-choice.choice .choice-copy{padding:19px 11px 9px}.premium-choice.choice strong{font-size:25px}.premium-choice.choice:after{left:6px;top:8px;padding:2px 5px;font-size:8px}.premium-choice.choice input{top:10px;right:9px}.form-panel{padding:22px 15px}.roster-header{gap:10px}.roster-header img{width:74px;height:67px}.roster-header h4{font-size:24px}.roster-block{padding:13px}.roster-counter{font-size:9px}.invoice-block{padding:16px}.invoice-caption{font-size:9px;letter-spacing:.4px}.invoice-total{align-items:flex-start;flex-direction:column;gap:0}.invoice-total strong{font-size:39px}.admin-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-summary-grid strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.cat-illustration,.hero-sport-photo{display:none!important}}

.sound-toggle{border:1px solid #d9dbc9;background:#f5efe0;border-radius:40px;display:flex;gap:7px;align-items:center;justify-content:center;padding:8px 10px;white-space:nowrap;color:#195547;font-weight:900;font-size:13px;min-height:40px}
.sound-toggle span{font-size:18px;line-height:1}.sound-toggle small{font-size:9px;letter-spacing:.6px}.sound-toggle[aria-pressed="true"]{background:#e4f4e7;border-color:#80c19a;color:#106b46}
@media(max-width:1200px){.sound-toggle small{display:none}.sound-toggle{min-width:40px;padding:6px}}
@media(max-width:560px){.sound-toggle{min-height:36px;min-width:36px;padding:3px;margin-left:auto}}