.frozen-home{min-height:100vh;background:radial-gradient(circle at 50% 4%,rgba(28,127,190,.7),transparent 35rem),radial-gradient(circle at 85% 34%,rgba(52,92,184,.3),transparent 31rem),linear-gradient(180deg,#071d3c 0,#0a3970 42%,#071d48 78%,#051530 100%);overflow-x:hidden}
.frozen-home:before{opacity:.065;background-size:230px}.home-header{background:rgba(4,23,51,.72);border-color:rgba(189,235,255,.16)}
.home-shell{position:relative;z-index:1;width:min(1220px,calc(100% - 34px));margin:auto;padding:30px 0 64px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);gap:clamp(28px,5vw,76px);align-items:center}
.frozen-showcase{text-align:center;min-width:0}.character-stage{position:relative;width:min(690px,100%);aspect-ratio:1.08;margin:auto;display:grid;place-items:center;isolation:isolate}
.character-stage:before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(35,127,179,.38),rgba(4,28,67,.68) 72%);box-shadow:inset 0 0 90px rgba(60,190,236,.11),0 34px 85px rgba(0,9,35,.38);z-index:-2}
.character-stage:after{content:"";position:absolute;inset:10% 8%;background:radial-gradient(circle,rgba(117,226,255,.25),transparent 65%);filter:blur(16px);z-index:-1}
.elsa-splash{width:89%;height:89%;object-fit:contain;filter:drop-shadow(0 28px 22px rgba(0,9,34,.58)) drop-shadow(0 0 24px rgba(91,216,255,.25));animation:frost-float 5s ease-in-out infinite}
.room-emblem{position:absolute;right:10%;bottom:10%;width:18%;filter:drop-shadow(0 12px 13px rgba(0,10,36,.65));transform:rotate(2deg)}
.ice-orbit{position:absolute;border:1px solid rgba(161,230,255,.13);border-radius:50%;z-index:-1}.orbit-one{width:91%;aspect-ratio:1}.orbit-two{width:77%;aspect-ratio:1;border-style:dashed;animation:slow-spin 30s linear infinite}
.magic-star{position:absolute;color:#fff;text-shadow:0 0 16px #8ee9ff;font-size:clamp(22px,3vw,38px);animation:twinkle-star 2.2s ease-in-out infinite}.star-one{right:4%;top:28%}.star-two{left:7%;top:44%;animation-delay:.7s}.star-three{right:17%;bottom:7%;animation-delay:1.3s}
.winter-kicker{margin:0;color:#9feaff;font-size:clamp(14px,1.8vw,19px);font-weight:800;letter-spacing:.17em}.winter-kicker span{color:#ffd966}.frozen-quote{margin:18px auto 12px;font-family:"Mouse Memoirs","Noto Sans Thai",sans-serif;line-height:.88;letter-spacing:.015em;text-transform:none}.frozen-quote strong{display:block;color:#fff;font-size:clamp(58px,7vw,100px);font-weight:400;text-shadow:0 0 22px rgba(173,236,255,.72),0 8px 24px rgba(0,14,49,.8)}.frozen-quote span{display:block;margin-top:16px;color:#8fc8dc;font-size:clamp(47px,5.8vw,78px);text-shadow:0 5px 18px rgba(0,13,43,.72)}
.thai-message{margin:22px auto 0;color:#d9ebf6;font-size:clamp(17px,2vw,24px);line-height:1.65}
.frozen-login{position:relative;overflow:hidden;padding:clamp(25px,3vw,38px);border-radius:30px;background:linear-gradient(145deg,rgba(164,228,255,.2),rgba(5,38,82,.82) 48%,rgba(55,128,183,.17));box-shadow:0 32px 85px rgba(0,8,34,.5),inset 0 1px 1px rgba(255,255,255,.35)}
.frozen-login:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.12) 34%,transparent 53%);transform:translateX(-100%);animation:glass-shine 8s ease-in-out infinite}.login-snowflake{position:absolute;right:-58px;top:-58px;width:190px;opacity:.13;animation:slow-spin 24s linear infinite}.frozen-login>*:not(.login-snowflake){position:relative;z-index:1}
.frozen-login .login-card-top{padding:0;background:none}.frozen-login .login-card-top h2{margin:5px 0 7px;font-size:clamp(27px,3vw,37px)}.frozen-login .login-card-top>p:last-child{color:#acd0e5;line-height:1.65}.frozen-login .login-form{display:grid;gap:17px;padding:0}.frost-input{min-height:56px;display:flex;align-items:center;gap:11px;padding:0 15px;border:1px solid rgba(174,227,255,.28);border-radius:15px;background:rgba(0,18,48,.58);box-shadow:inset 0 3px 14px rgba(0,0,0,.2)}.frost-input:focus-within{border-color:#78dcff;box-shadow:0 0 0 3px rgba(105,218,255,.13),inset 0 3px 14px rgba(0,0,0,.2)}.frost-input input{min-height:auto!important;border:0!important;padding:0!important;background:transparent!important;box-shadow:none!important}.frozen-submit{min-height:56px;border-radius:16px;font-size:16px}.frozen-login .demo-box{border-color:rgba(159,223,250,.18);background:rgba(0,19,48,.35);color:#9fc5da}.frozen-login .demo-box button{color:#a7edff}.frozen-login #login-error{color:#ffb1bd!important;margin:0;font-weight:700}
.home-footer{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(255,255,255,.07)}.home-footer img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 5px 8px #00112b)}
.snowfall{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(157,228,255,.54) 0 1.4px,transparent 2px);background-size:86px 86px,137px 137px;background-position:10px 18px,38px 64px;mask-image:linear-gradient(to bottom,black,transparent 94%);animation:snow-drift 22s linear infinite}
@keyframes frost-float{50%{transform:translateY(-10px)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes twinkle-star{50%{opacity:.25;transform:scale(.65) rotate(30deg)}}@keyframes glass-shine{32%,100%{transform:translateX(115%)}}@keyframes snow-drift{to{background-position:55px 190px,-34px 270px}}
@media(max-width:920px){.home-shell{grid-template-columns:1fr;width:min(720px,calc(100% - 28px));padding-top:20px}.character-stage{width:min(580px,100%)}.frozen-login{width:min(570px,100%);margin:0 auto}.hero-message{margin-top:-18px}}
@media(max-width:640px){.home-header .brand-copy small{display:none}.home-shell{width:min(100% - 20px,620px);padding:10px 0 45px;gap:26px}.character-stage{aspect-ratio:1;min-height:0}.character-stage:before{width:100%}.elsa-splash{width:105%;height:105%}.room-emblem{right:4%;bottom:7%;width:23%}.winter-kicker{letter-spacing:.1em}.frozen-quote{margin-top:14px}.frozen-quote strong{font-size:clamp(48px,16vw,70px);line-height:.92}.frozen-quote span{font-size:clamp(41px,13vw,58px);margin-top:10px}.thai-message{margin-top:18px}.frozen-login{padding:25px 18px;border-radius:25px}.teacher-link{padding-inline:11px}}
@media(prefers-reduced-motion:reduce){.elsa-splash,.orbit-two,.magic-star,.login-snowflake,.snowfall,.frozen-login:before{animation:none!important}}

/* Frost Score desktop composition — adapted from the original เว็บคะแนน project. */
:root{--frost-night:#061733;--frost-deep:#0a2858;--frost-blue:#1365bd;--frost-ice:#9ce7ff;--frost-white:#f7fdff;--frost-muted:#a8cbe4;--frost-line:rgba(180,231,255,.24);--frost-shadow:0 28px 70px rgba(0,12,40,.45),inset 0 1px 1px rgba(255,255,255,.36)}
.frost-score-home{margin:0;min-height:100vh;color:var(--frost-white);font-family:"IBM Plex Sans Thai","Noto Sans Thai",sans-serif;background:radial-gradient(circle at 50% -20%,#2878bd 0,transparent 42%),linear-gradient(160deg,#031027,#092452 48%,#05152e);background-attachment:scroll;overflow-x:hidden}
.frost-score-home:before{opacity:.035;background-size:260px}.frost-score-home button,.frost-score-home input{font:inherit}.frost-score-home button{cursor:pointer}
.aurora{position:fixed;z-index:0;filter:blur(70px);opacity:.24;border-radius:50%;pointer-events:none}.aurora-one{width:600px;height:180px;background:#3bdfff;top:12%;left:-10%;transform:rotate(28deg)}.aurora-two{width:500px;height:160px;background:#4978ff;right:-10%;top:38%;transform:rotate(-18deg)}
.snow{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.snowflake{position:absolute;top:-30px;color:#fff;animation:fall linear infinite;opacity:.7;text-shadow:0 0 10px #a8ebff}@keyframes fall{to{transform:translate3d(var(--drift),105vh,0) rotate(360deg)}}
.topbar{height:90px;padding:12px clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;background:linear-gradient(180deg,rgba(3,16,40,.9),rgba(3,16,40,.35));border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px)}
.frost-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;border-radius:16px;padding:3px 7px 3px 2px;transition:transform .2s,background .2s}.frost-brand:hover,.frost-brand:focus-visible{transform:translateY(-1px);background:rgba(154,225,255,.08);outline:none}.logo-shell{width:60px;height:60px;display:grid;place-items:center;filter:drop-shadow(0 8px 12px #00152f)}.logo-shell img{width:100%;height:100%;object-fit:contain}.frost-brand b{display:block;letter-spacing:.08em;font-size:16px}.frost-brand small{display:block;color:#bfeaff;font-size:12px}
.glass-button{padding:12px 20px;border:1px solid rgba(191,234,255,.3);border-radius:16px;color:#eafbff;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(74,157,220,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 25px rgba(0,10,30,.2);font-weight:700;text-decoration:none;transition:.2s}.glass-button:hover{transform:translateY(-2px);border-color:#92e7ff}
.frost-main{width:min(1180px,calc(100% - 36px));margin:auto;position:relative;z-index:1}.frost-hero{min-height:490px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:45px;padding:50px 4%;position:relative}.frost-hero>*:not(.ice-magic){position:relative;z-index:2}.ice-magic{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.winter-eyebrow,.section-heading>div>span{font-size:12px;letter-spacing:.18em;font-weight:700;color:#97e6ff}.frost-quote{margin:17px 0;font-family:"Mouse Memoirs","Charmonman",cursive;font-size:clamp(48px,6vw,78px);font-weight:400;letter-spacing:.025em;line-height:1.02;text-shadow:0 7px 22px #001b42}.frost-quote strong{font-weight:700;color:#fff;text-shadow:0 0 16px rgba(151,230,255,.55),0 7px 22px #001b42}.frost-quote span{color:#9ceaff;background:linear-gradient(180deg,#fff,#74cdf3);-webkit-background-clip:text;background-clip:text;color:transparent}.frost-quote span strong{color:inherit;text-shadow:inherit}.hero-copy>p{color:#c4def0;line-height:1.9;max-width:680px;font-size:17px}
.hero-emblem{position:relative;min-height:350px;display:grid;place-items:center;animation:frost-float 5s ease-in-out infinite}.hero-friends{width:min(410px,100%);filter:drop-shadow(0 34px 28px rgba(0,8,30,.5)) drop-shadow(0 0 24px rgba(119,221,255,.35));position:relative;z-index:2}.hero-mini-logo{position:absolute;z-index:4;width:112px;right:1%;bottom:2%;filter:drop-shadow(0 13px 15px #001433)}.ice-ring{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(111,222,255,.27),transparent 65%);box-shadow:0 0 70px rgba(76,194,255,.45)}.spark{position:absolute;font-size:28px;color:#fff;text-shadow:0 0 12px #74dfff;animation:twinkle 1.8s ease-in-out infinite}.s1{top:10%;right:9%}.s2{bottom:12%;left:5%;animation-delay:.6s}.s3{top:31%;left:0;animation-delay:1.1s}@keyframes frost-float{50%{transform:translateY(-13px)}}@keyframes twinkle{50%{opacity:.25;transform:scale(.7) rotate(40deg)}}
.ice-card{background:linear-gradient(145deg,rgba(166,224,255,.18),rgba(5,39,81,.72) 52%,rgba(41,121,180,.16));border:1px solid var(--frost-line);box-shadow:var(--frost-shadow);backdrop-filter:blur(24px);position:relative;overflow:hidden}.ice-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.12) 38%,transparent 55%);transform:translateX(-110%);animation:shine 8s ease-in-out infinite}@keyframes shine{30%,100%{transform:translateX(110%)}}
.login-portal{border-radius:28px;padding:28px 32px;margin:-12px 0 52px}.login-portal>*:not(.card-castle){position:relative;z-index:2}.card-castle{position:absolute;right:-8px;bottom:-14px;width:205px;opacity:.14;filter:saturate(1.3) drop-shadow(0 0 18px #6bdcff);pointer-events:none}.section-heading{display:flex;gap:14px;align-items:center;margin-bottom:22px}.section-heading h2{margin:4px 0 0;color:#fff;font-size:23px}.title-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:24px;background:linear-gradient(145deg,#4bbef1,#0b4c97);box-shadow:inset 0 1px 4px #dff8ff,0 9px 22px #001b44}
.portal-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:16px;align-items:end;padding:0}.portal-field{display:grid;gap:8px}.portal-field>span:first-child{font-size:13px;color:#bcd8eb;font-weight:600}.input-shell{height:57px;display:flex;align-items:center;gap:11px;padding:0 16px;border-radius:16px;background:rgba(0,18,48,.55);border:1px solid rgba(174,227,255,.28);box-shadow:inset 0 3px 14px rgba(0,0,0,.22)}.input-shell:focus-within{border-color:#78dcff;box-shadow:0 0 0 3px rgba(105,218,255,.13),inset 0 3px 14px rgba(0,0,0,.22)}.input-shell i{font-style:normal}.input-shell input{width:100%;min-height:0!important;border:0!important;background:none!important;color:#fff!important;padding:0!important;outline:none!important;box-shadow:none!important;font-size:17px}.input-shell input::placeholder{color:#7396b3}.portal-submit{min-height:57px;border:1px solid #87e2ff;border-radius:17px;padding:0 27px;color:#fff;font-weight:700;background:linear-gradient(145deg,#2bb7ef,#0754a9 70%);box-shadow:inset 0 2px 2px rgba(255,255,255,.45),inset 0 -4px 8px rgba(0,28,92,.36),0 13px 28px rgba(0,68,148,.38);transition:.2s}.portal-submit:hover{transform:translateY(-2px);filter:brightness(1.09)}.login-error{grid-column:1/-1;margin:0;color:#ffacb8;font-size:13px;font-weight:700}.portal-notes{display:flex;justify-content:space-between;gap:16px;margin-top:14px;color:#91b8d3;font-size:12px}.portal-notes p{margin:0}.portal-notes button{border:0;padding:0 3px;color:#a7edff;background:none;font-weight:800;text-decoration:underline}
.frost-footer{display:flex;align-items:center;justify-content:center;gap:9px;padding:26px;color:#789cb8;border-top:1px solid rgba(255,255,255,.08);background:#04152f;position:relative;z-index:1;text-align:center}.frost-footer img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 5px 8px #00112b)}
@media(max-width:800px){.topbar{height:76px;padding:8px 18px}.logo-shell{width:50px;height:50px}.frost-hero{grid-template-columns:1fr;text-align:center;padding:40px 8px 25px;gap:5px}.hero-copy>p{margin-inline:auto}.hero-emblem{grid-row:1;min-height:260px}.hero-friends{width:290px}.hero-mini-logo{width:84px;right:13%;bottom:2%}.portal-form{grid-template-columns:1fr}.portal-submit{width:100%}.login-portal{padding:23px 18px}.card-castle{width:160px;opacity:.08}.portal-notes{display:grid;gap:6px;text-align:center}.ice-magic{opacity:.78}}
@media(max-width:420px){.frost-main{width:min(100% - 22px,1180px)}.frost-quote{font-size:42px}.section-heading h2{font-size:20px}.glass-button{padding:10px 13px;font-size:13px}.frost-brand b{font-size:14px}.frost-brand small{font-size:11px}.frost-footer{font-size:12px}.login-portal{border-radius:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.snowflake,.spark,.hero-emblem,.ice-card:before{animation:none!important}}
.title-icon{width:58px;height:58px;overflow:hidden;border-radius:18px;font-size:0}.title-icon img{width:100%;height:100%;object-fit:contain}