:root{--navy:#001351;--blue:#1639bf;--lime:#c1f758;--paper:#f8f8f2;--muted:#626a7d;--line:#e1e4dc;--white:#fff;--radius:26px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font:15px 'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}a{color:inherit}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}button:disabled{cursor:default}.preview{background:var(--navy);color:#fff;padding:11px 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.preview span{color:#c9d1e4}.switch{display:flex;gap:6px}.switch button{border:1px solid #55648b;background:transparent;color:#fff;border-radius:8px;padding:7px 12px}.switch button[aria-pressed=true]{background:var(--lime);color:var(--navy);border-color:var(--lime)}.wrap{max-width:1240px;margin:auto;padding:0 36px}header{display:flex;align-items:center;gap:32px;padding:26px 0;border-bottom:1px solid var(--line)}.brand{width:178px;height:auto;display:block}nav{display:flex;gap:26px;margin-left:auto}nav a{text-decoration:none;font-size:13px;font-weight:600}.btn{border:0;border-radius:12px;background:var(--navy);color:#fff;padding:14px 21px;display:inline-flex;justify-content:center;align-items:center;gap:9px;text-decoration:none;font-weight:700}.btn.lime{background:var(--lime);color:var(--navy)}.btn.outline{border:1px solid var(--line);color:var(--navy);background:transparent}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;padding:54px 0 42px;align-items:center}.hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-3px;margin:21px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:440px;font-size:16px;line-height:1.7;color:var(--muted)}.hero .actions{display:flex;gap:10px;flex-wrap:wrap;margin:27px 0 20px}.small{font-size:12px;color:var(--muted);line-height:1.6}.hero-art{height:395px;position:relative;border-radius:36px;background:#e6eddb;overflow:hidden}.big-time{position:absolute;left:25px;top:5px;font:800 115px Manrope,Arial;letter-spacing:-8px;color:#c1cdab}.hero-art img{position:absolute;height:385px;width:310px;object-fit:contain;object-position:bottom;right:12px;bottom:0;z-index:1}.sun{width:160px;height:160px;background:var(--lime);border-radius:100%;position:absolute;right:15px;top:18px}.host-label{position:absolute;bottom:24px;left:20px;background:#fff;padding:15px 18px;border-radius:15px;z-index:2;box-shadow:0 12px 45px #00135112}.host-label span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.floating-note{position:absolute;top:170px;left:25px;width:143px;border-radius:20px;padding:17px;background:var(--navy);color:#fff;transform:rotate(-5deg);z-index:2}.floating-note b{display:block;font-size:30px;letter-spacing:-1px}.floating-note small{font-size:11px;color:#d7dfed}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-size:12px;margin-bottom:36px}.ribbon strong{font-weight:700}.ribbon span{color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:28px;letter-spacing:-1px}.section-head p{color:var(--muted);margin-top:7px;font-size:13px}.study-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:22px}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:25px;min-width:0}.video{background:var(--navy);border-radius:21px;aspect-ratio:16/9;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff;gap:15px;text-align:center;padding:24px}.video::before{content:'';position:absolute;width:240px;height:240px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 35px #ffffff06,0 0 0 80px #ffffff04}.video>*{z-index:1}.video .time{font:800 62px Manrope,Arial;letter-spacing:-4px;color:var(--lime)}.video button{background:var(--lime);border:0;border-radius:50%;width:54px;height:54px;font-size:23px}.video small{color:#becae2}.video iframe{position:absolute;width:100%;height:100%;inset:0;border:0;z-index:3}.video-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;font-size:13px}.video-footer a{font-size:12px;color:var(--blue)}.check-panel{background:#edf3e6;border:0}.tag{display:inline-block;font-size:11px;border-radius:20px;padding:7px 11px;background:#fff;font-weight:700}.check-panel h3{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:20px 0 12px}.check-panel p{line-height:1.7;color:var(--muted);font-size:13px}.check-panel .btn{width:100%;margin-top:21px}.check-panel .small{margin-top:10px;text-align:center}.week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}.day{text-align:center;font-size:10px;color:var(--muted)}.day b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#d6e4c5;color:var(--navy);margin:0 auto 7px;font-size:13px}.day.today b{background:var(--lime);outline:1px dashed var(--navy);outline-offset:3px}.board{margin:50px 0}.tabs{display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:#fff}.tabs button{background:transparent;border:0;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700}.tabs button[aria-pressed=true]{background:var(--navy);color:#fff}.leaders{display:grid;grid-template-columns:1fr 1.13fr 1fr;align-items:end;gap:16px;margin-top:32px}.leader{background:#e9eaf8;border-radius:24px;padding:26px 16px 21px;text-align:center;position:relative}.leader.first{background:#e5f4c8;padding-top:36px}.leader.third{background:#f0e8db}.avatar{display:inline-block;width:80px;height:80px;border-radius:50%;background-image:url('06-kulubu-avatar-konsepti.webp');background-size:300% 200%;background-repeat:no-repeat;border:4px solid #fff}.a0{background-position:0 0}.a1{background-position:50% 0}.a2{background-position:100% 0}.a3{background-position:0 100%}.a4{background-position:50% 100%}.a5{background-position:100% 100%}.leader.first .avatar{width:102px;height:102px}.place{display:block;font-size:11px;letter-spacing:1.5px;font-weight:800;margin-bottom:15px}.leader h3{font-size:16px;margin:12px 0 6px;overflow-wrap:anywhere}.leader p{font-size:12px;color:var(--muted)}.leader strong{display:block;font:800 27px Manrope;margin-top:16px}.leader .reward{font-size:11px;margin-top:14px;padding-top:13px;border-top:1px solid #00135115}.crown{font-size:23px;position:absolute;top:-17px;left:calc(50% - 22px);background:var(--lime);border:5px solid var(--paper);width:45px;height:45px;border-radius:50%;display:grid;place-items:center}.board-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:17px 0}.board-foot button{background:none;border:0;color:var(--blue);font-size:12px;text-decoration:underline;padding:8px}.personal{display:flex;align-items:center;gap:14px;background:var(--navy);border-radius:17px;color:#fff;padding:17px 21px}.personal .avatar{width:45px;height:45px;border:2px solid #fff;flex-shrink:0}.personal span{font-size:11px;color:#b9c6e4;display:block;margin-top:4px}.personal .score{margin-left:auto;font:800 23px Manrope;color:var(--lime);text-align:right}.personal .score span{font:400 10px 'DM Sans';color:#b9c6e4}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:35px 0 48px}.bottom-grid h3{font-size:20px;letter-spacing:-.5px;margin-bottom:13px}.bottom-grid p{color:var(--muted);line-height:1.7;font-size:13px}.avatar-choices{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 12px}.avatar-choices button{border:0;padding:0;border-radius:50%;background:transparent;display:flex}.avatar-choices .avatar{width:57px;height:57px;border:3px solid #fff}.avatar-choices button[aria-pressed=true]{outline:2px solid var(--blue);outline-offset:2px}details{border-top:1px solid var(--line);padding:15px 0;font-size:13px}summary{cursor:pointer;font-weight:700}details p{padding-top:10px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:var(--muted)}[hidden]{display:none!important}.admin{padding:35px 0 50px}.admin h1{font-size:34px;margin-bottom:9px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}.admin label,.register label{display:block;font-size:12px;font-weight:700;margin:14px 0 7px}.admin input,.admin select,.register input,.register select{display:block;width:100%;border:1px solid #cdd4df;background:#fff;color:var(--navy);border-radius:9px;padding:12px;font-size:16px}.admin .btn{margin-top:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0}.metric{border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff}.metric b{font-size:31px;display:block;margin-bottom:5px}.metric span{font-size:12px;color:var(--muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}td,th{padding:15px 11px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;font-weight:600}.toast{background:#e2f1ce;padding:12px;border-radius:10px;margin-top:13px;font-size:13px}.modal{border:0;border-radius:24px;padding:30px;max-width:490px;width:calc(100% - 32px);color:var(--navy);box-shadow:0 20px 90px #00135133}.modal::backdrop{background:#00135180}.modal .close{float:right;background:transparent;border:0;padding:5px 8px;font-size:20px}.modal h2{font-size:25px;margin-bottom:10px}.modal p{font-size:13px;line-height:1.6;color:var(--muted)}.modal .btn{margin-top:20px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.modal video{width:100%;border-radius:15px;margin-top:17px}.hero .eyebrow::before{content:'●';color:#5d861f;margin-right:9px}
@media(max-width:800px){.wrap{padding:0 20px}nav{display:none}header{justify-content:space-between;padding:20px 0}.hero{gap:22px}.hero h1{font-size:45px;letter-spacing:-2px}.hero-art{height:350px}.hero-art img{width:245px;height:335px;right:-32px}.big-time{font-size:90px}.host-label{font-size:11px;left:12px;bottom:14px}.floating-note{left:12px;top:130px;width:118px;padding:13px}.study-grid{grid-template-columns:1fr 1fr}.panel{padding:20px}.video-footer{align-items:start;flex-direction:column}.ribbon{font-size:11px}.hero p{font-size:14px}}
@media(max-width:600px){.preview{align-items:start;gap:8px;padding:10px 15px}.preview>div:first-child{max-width:160px}.preview span{display:block;margin-top:3px}.switch button{padding:7px 8px;font-size:11px}.brand{width:144px}header .btn{font-size:12px;padding:11px 13px}.hero{grid-template-columns:1fr;padding-top:32px}.hero h1{font-size:49px}.hero-art{height:300px}.hero-art img{height:295px;width:260px;right:6px}.big-time{font-size:106px}.floating-note{top:117px;left:23px}.hero p{max-width:100%}.ribbon{flex-wrap:wrap;gap:12px;padding:16px 0}.ribbon>div{width:46%}.study-grid,.bottom-grid,.admin-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.section-head h2{font-size:26px}.leaders{gap:8px}.leader{padding:21px 7px 16px;border-radius:18px}.leader.first{padding-top:31px}.leader h3{font-size:11px}.leader p{font-size:10px}.leader strong{font-size:21px}.leader .avatar{width:58px;height:58px}.leader.first .avatar{width:70px;height:70px}.place{font-size:10px;letter-spacing:0}.leader .reward{font-size:10px;min-height:42px}.board-foot{align-items:start}.board-foot .small{font-size:10px}.personal{padding:15px 13px;font-size:12px}.personal .score{font-size:19px}.bottom-grid{margin-top:25px;gap:16px}.metrics{gap:7px}.metric{padding:13px}.metric b{font-size:24px}.metric span{font-size:10px}footer{flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.modal{padding:23px}.hero .actions .btn{font-size:13px}}
.leaders.tied{grid-template-columns:repeat(3,1fr)}.leaders.tied .leader{padding-top:26px;background:#eaf0e3}.leaders.tied .leader .avatar{width:70px;height:70px}.celebrate-stage{display:flex;gap:14px;align-items:end;justify-content:center;margin:40px 0 25px;height:150px}.podium{width:90px;height:80px;background:#cbd5fa;border-radius:17px 17px 6px 6px;position:relative;display:grid;place-items:center;font-size:25px;font-weight:800}.podium.winner{height:115px;background:var(--lime)}.podium.bronze{height:65px;background:#ded2eb}.podium::before{content:'✦';position:absolute;top:-36px;left:calc(50% - 13px);font-size:26px;color:#b08a22}.celebrating .podium{animation:rise .7s ease-out both}.celebrating .podium::before{animation:spark 1.5s ease-in-out 2}.celebrating .podium.winner{animation-delay:.1s}.celebrating .podium.bronze{animation-delay:.2s}@keyframes rise{from{transform:translateY(20px);opacity:.3}to{transform:translateY(0);opacity:1}}@keyframes spark{50%{transform:translateY(-9px) rotate(20deg)}}
.floating-note{width:170px}.floating-note b{font-size:25px}@media(max-width:600px){.floating-note{width:140px;top:106px}.floating-note b{font-size:22px}.leader strong{font-size:clamp(15px,4.5vw,19px);white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}