.rn-hero{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:center;gap:24px;padding:42px 48px;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 78% 42%,#174b4c 0,transparent 40%),linear-gradient(120deg,#0d2036,#172c43);color:#fff}.rn-hero-copy{position:relative;z-index:1}.rn-hot{display:inline-flex;align-items:center;background:#c64d0d;color:#fff;padding:8px 14px;border-radius:100px;font-size:14px;font-weight:800;margin-bottom:24px}.rn-hero h1{margin:0;font-size:clamp(32px,3.5vw,48px);line-height:1.13;letter-spacing:-.035em;font-weight:800;max-width:19ch;color:#fff}.rn-hero-copy>p{color:#c9d6e4;font-size:17px;line-height:1.75;max-width:45ch;margin:24px 0 30px}.rn-hero .pj-hero-foot{flex-direction:column;align-items:flex-start;gap:16px;margin:0}.rn-hero .pj-start{color:#103c34;background:#90efc9;border-radius:14px;padding:17px 24px;font-size:15px;box-shadow:none}.rn-hero .pj-stat{color:#b3c5d7;font-size:13px;font-weight:500}.rn-demo{display:flex;flex-direction:column;align-items:center;min-width:0;perspective:1000px}.rn-phone{--turn:-7deg;position:relative;width:300px;height:590px;flex:none;transform:rotateY(var(--turn)) rotateX(2deg);transform-style:preserve-3d;transition:transform .3s ease;filter:drop-shadow(16px 24px 20px #0005)}.rn-phone:before{content:"";position:absolute;inset:2% 3.5%;border-radius:43px;background:linear-gradient(120deg,#929a9c,#202629 17%,#767f80 60%,#151a1f);border:1px solid #9ca4a3;box-shadow:7px 2px #252d32,8px 2px #657073}.rn-phone-webgl{position:absolute;inset:0;pointer-events:none}.rn-phone-webgl canvas{display:block;width:100%;height:100%}.rn-phone-screen{position:absolute;inset:4.1% 7%;border-radius:32px;background:#fbfcfe;color:#172b3a;overflow:hidden;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,Noto Sans Khmer,sans-serif;box-shadow:0 0 0 3px #090e13}.rn-phone-status{flex:none;height:39px;padding:12px 18px 0;display:flex;justify-content:space-between;position:relative;font-size:10px;font-weight:800}.rn-phone-status i{position:absolute;left:50%;transform:translate(-50%);width:77px;height:21px;top:7px;background:#070d13;border-radius:20px}.rn-app-header{padding:11px 17px 17px}.rn-app-header small{font-size:10px;color:#718295}.rn-app-header h2{margin:5px 0 0;color:#132638;font-size:25px;line-height:1.25;letter-spacing:-.05em}.rn-class-tabs{display:flex;margin:0 15px;gap:4px;padding:4px;background:#edf1f5;border-radius:10px}.rn-class-tabs button{flex:1;padding:9px 3px;border:0;border-radius:7px;color:#526679;background:transparent;font:700 10px/1.4 inherit;font-size:10px;font-weight:700;cursor:pointer}.rn-class-tabs button[aria-pressed=true]{background:#91e8c3;color:#184e3f;box-shadow:0 1px 3px #1b594522}.rn-average{display:flex;justify-content:space-between;align-items:center;margin:15px 15px 8px;padding:16px;background:#d9f7e9;color:#174637;border-radius:13px}.rn-average span{display:block;font-size:11px}.rn-average strong{display:block;font-size:30px;line-height:1.3;margin-top:3px;letter-spacing:-.05em}.rn-bars{height:35px;display:flex;gap:3px;align-items:flex-end}.rn-bars i{background:#48c795;width:6px;border-radius:2px 2px 0 0;height:20px}.rn-bars i:nth-child(2){height:32px}.rn-bars i:nth-child(3){height:25px}.rn-student-list{padding:0 15px}.rn-student{display:flex;width:100%;gap:9px;align-items:center;min-height:56px;border:0;border-bottom:1px solid #edf0f4;color:#243b4c;background:transparent;font:inherit;font-size:11px;cursor:pointer;text-align:left;padding:7px 0}.rn-student:hover{background:#edf8f3}.rn-initial{display:grid;place-items:center;flex:none;width:31px;height:34px;border-radius:50%;font-size:13px;font-weight:700;color:#29465a}.rn-student strong{margin-left:auto;font-size:12px;font-weight:600}.rn-student>span:last-child{color:#607989;font-size:21px;margin-left:2px}.rn-phone .rn-app-hint{color:#718397;margin:17px 12px 8px;font-size:9px;line-height:1.65;text-align:center}.rn-app-bottom{margin-top:auto;padding:8px 14px 19px;display:flex;align-items:center;gap:6px;justify-content:space-between;color:#6a7f8d;font-size:8px;line-height:1.5}.rn-app-bottom button{border:0;background:transparent;padding:8px 0 8px 6px;color:#297a5e;font:inherit;font-size:9px;cursor:pointer;font-weight:700}.rn-home-indicator{position:absolute;bottom:7px;left:50%;transform:translate(-50%);width:81px;height:4px;border-radius:8px;background:#273844}.rn-demo .rn-demo-caption{color:#b9cbda;font-size:12px;margin:14px 0 0}.rn-score-form{padding:0 18px;display:flex;flex-direction:column;align-items:stretch}.rn-app-back{border:0;padding:3px 0 13px;background:transparent;text-align:left;font:inherit;font-size:11px;color:#297a5e;cursor:pointer}.rn-edit-avatar{align-self:center;border-radius:50%;background:#e0f3f8;width:44px;height:44px;display:grid;place-items:center;font-size:20px;color:#21617c}.rn-score-form h3{text-align:center;font-size:19px;margin:8px 0 0;color:#172b3a}.rn-score-form p{text-align:center;font-size:10px;margin:5px 0 22px;color:#6a7f8d}.rn-score-form label{color:#536a78;font-size:11px;margin-bottom:7px}.rn-score-form input{width:100%;border:1px solid #c5d6d0;border-radius:9px;padding:10px 12px;background:#fff;color:#17382c;font:inherit;font-size:22px}.rn-save{border:0;border-radius:9px;padding:12px 8px;margin-top:13px;background:#20745a;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.rn-input-error{color:#b23b29;font-size:10px;margin-top:5px}.rn-phone button:focus-visible,.rn-phone input:focus-visible{outline:3px solid #399e81;outline-offset:2px}@media(max-width:1050px){.rn-hero{padding:32px;gap:16px}.rn-hero h1{font-size:36px}.rn-hero-copy>p{font-size:15px}}@media(max-width:760px){.rn-hero{grid-template-columns:1fr;gap:34px;padding:30px 24px}.rn-hero h1{font-size:34px;max-width:21ch}.rn-hero-copy>p{max-width:48ch;margin:20px 0 24px}.rn-hot{margin-bottom:18px}.rn-demo{margin-inline:-8px}.rn-phone{transform:rotateY(-4deg)}.rn-hero .pj-hero-foot{gap:14px}}@media(max-width:370px){.rn-hero{padding:26px 18px}.rn-phone{width:278px;height:547px}.rn-app-header{padding-block:5px 11px}.rn-average{padding:11px}.rn-student{min-height:49px}}@media(prefers-reduced-motion:reduce){.rn-phone{transition:none;transform:none}}