.mf{--u:clamp(.62px, .0520833vw, 1px);--navy:#0b1f3f;--gold:#e3c078;--gold-line:#e3c078bf;--gold-soft:#e3c07859;--cream:#f6e7c8;--text:#e7eefb;--muted:#b9c8e0;--ink:#16294d;--col:calc(1202 * var(--u));background:var(--navy);min-height:100dvh;color:var(--text);font-family:var(--font-body);position:relative;overflow-x:hidden}.mf-bg{background:url(/moonfes/bg.jpg) center top / 100% auto no-repeat, var(--navy);opacity:.85;pointer-events:none;position:absolute;inset:0}.mf-inner{z-index:1;position:relative}.mf-hero{width:100%;line-height:0;position:relative}.mf-hero img{width:100%;height:auto;display:block}.mf-lang{width:calc(71 * var(--u));height:calc(71 * var(--u));cursor:pointer;z-index:3;background:0 0;border:0;border-radius:50%;padding:0;transition:transform .15s;position:absolute;top:5.7%;right:3.6%}.mf-lang img{border-radius:50%;width:100%;height:100%}.mf-lang:hover{transform:scale(1.06)}.mf-lang:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.mf-intro{max-width:calc(1120 * var(--u));margin:calc(56 * var(--u)) auto 0;text-align:center;font-size:calc(32 * var(--u));line-height:calc(44 * var(--u));color:var(--text);padding:0 24px}.mf-col{width:var(--col);max-width:calc(100% - 48px);margin:0 auto}.mf-panel{isolation:isolate;margin-top:calc(80 * var(--u));padding:calc(16 * var(--u)) calc(51 * var(--u)) calc(36 * var(--u)) calc(118 * var(--u));position:relative}.mf-frame{pointer-events:none;z-index:-1;flex-direction:column;display:flex;position:absolute;inset:0}.mf-frame img{width:100%;height:auto;display:block}.mf-frame span{background:url(/moonfes/frame-mid.png) top/100% repeat-y;flex:1;min-height:0}.mf-panel--student,.mf-panel--email{min-height:calc(500 * var(--u))}.mf-badge{left:calc(26 * var(--u));top:calc(16 * var(--u));width:calc(81 * var(--u));height:calc(74 * var(--u));position:absolute}.mf-panel h2{font-family:var(--font-body);font-size:calc(39 * var(--u));font-weight:800;line-height:calc(74 * var(--u));letter-spacing:.01em;color:var(--gold);margin:0}.mf-panel-head{justify-content:space-between;align-items:center;gap:calc(24 * var(--u));display:flex}.mf-count{align-items:center;gap:calc(8 * var(--u));height:calc(30 * var(--u));padding:0 calc(16 * var(--u));color:#3a2708;font-size:calc(19 * var(--u));white-space:nowrap;background:linear-gradient(#f3d488,#d8a83f);border-radius:999px;font-weight:700;display:inline-flex}.mf-count img{width:calc(16 * var(--u));height:calc(20 * var(--u))}.mf-sub{margin:calc(24 * var(--u)) 0 0;max-width:calc(960 * var(--u));font-size:calc(25 * var(--u));line-height:calc(35 * var(--u));color:#dbe4f4}.mf-fields{gap:0 calc(28 * var(--u));margin-top:calc(22 * var(--u));flex-wrap:wrap;display:flex}.mf-fields--col{display:block}.mf-fields--col .mf-field+.mf-field{margin-top:calc(44 * var(--u))}.mf-field{display:block}.mf-label{font-size:calc(24 * var(--u));line-height:calc(35 * var(--u));color:#fff;display:block}.mf-label .req{color:var(--gold)}.mf-label .opt{color:#fff}.mf-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mf-input,.mf-select{height:calc(46 * var(--u));margin-top:calc(8 * var(--u));padding:0 calc(20 * var(--u));border-radius:calc(8 * var(--u));color:var(--ink);font-family:var(--font-body);font-size:calc(24 * var(--u));line-height:calc(44 * var(--u));box-sizing:border-box;background:#fff;border:1px solid #d9c290;outline:none;display:block}.mf-input::placeholder{color:#6f83a4}.mf-input:focus,.mf-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e3c07859}.mf-input:disabled,.mf-input[readonly]{color:#5b6b84;background:#eef1f6}.mf-w-name{width:calc(753 * var(--u))}.mf-w-class{width:calc(200 * var(--u))}.mf-w-email{width:calc(981 * var(--u))}.mf-w-phone{width:calc(402 * var(--u))}.mf-w-full{width:100%}.mf-hint{margin-top:calc(8 * var(--u));font-size:calc(18 * var(--u));line-height:calc(26 * var(--u));color:var(--muted)}.mf-hint--center{text-align:center}.mf-hint button{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.mf-member{margin:calc(34 * var(--u)) 0 0 calc(-67 * var(--u));padding:calc(25 * var(--u)) calc(25 * var(--u)) calc(30 * var(--u)) calc(67 * var(--u));border:1.5px solid var(--gold-line);border-radius:calc(20 * var(--u));background:#102a568c;position:relative}.mf-member+.mf-member{margin-top:calc(20 * var(--u))}.mf-member-row{gap:calc(28 * var(--u));align-items:flex-start;display:flex}.mf-member .mf-input,.mf-member .mf-select{margin-top:0}.mf-chips{padding:calc(3 * var(--u));background:linear-gradient(#f2d489,#dcb254);border-radius:999px;display:inline-flex}.mf-chip{align-items:center;gap:calc(7 * var(--u));height:calc(36 * var(--u));padding:0 calc(18 * var(--u));color:#35270c;font-family:var(--font-body);font-size:calc(21 * var(--u));cursor:pointer;background:0 0;border:0;border-radius:999px;font-weight:600;display:inline-flex}.mf-chip img{width:calc(18 * var(--u));height:calc(19 * var(--u))}.mf-chip[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 1px 4px #00000040}.mf-chip:disabled{opacity:.45;cursor:not-allowed}.mf-member-foot{margin-top:calc(17 * var(--u));justify-content:space-between;align-items:center;gap:calc(16 * var(--u));flex-wrap:wrap;display:flex}.mf-remove{align-items:center;gap:calc(8 * var(--u));height:calc(38 * var(--u));padding:0 calc(18 * var(--u));color:#ffb59a;font-family:var(--font-body);font-size:calc(19 * var(--u));cursor:pointer;background:#f252271f;border:1.5px solid #f2522799;border-radius:999px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:inline-flex;position:relative}.mf-remove:after{content:"";position:absolute;inset:-6px -4px}.mf-remove span{font-size:1.05em}.mf-remove:hover,.mf-remove:active{color:#fff;background:#f25227;border-color:#f25227}.mf-remove:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.mf-btn-art{padding:0 calc(24 * var(--u));color:#2b3455;font-family:var(--font-body);text-align:center;cursor:pointer;background:50%/100% 100% no-repeat;border:0;place-items:center;font-weight:700;transition:filter .15s,transform 80ms;display:grid}.mf-btn-art:active{transform:translateY(1px)}.mf-btn-art:hover:not(:disabled){filter:brightness(1.05)}.mf-btn-art:disabled{cursor:not-allowed}.mf-btn-gold{width:calc(630 * var(--u));aspect-ratio:630/91;max-width:100%;left:calc(-33.5 * var(--u));margin:calc(25 * var(--u)) auto 0;font-size:calc(28 * var(--u));background-image:url(/moonfes/btn-add.png);position:relative}.mf-btn-gold:disabled{color:#4a4f63;background-image:url(/moonfes/btn-full.png)}.mf-btn-cta{width:calc(830 * var(--u));aspect-ratio:830/111;max-width:100%;margin:calc(62 * var(--u)) auto 0;color:#fff;font-size:calc(34 * var(--u));background-image:url(/moonfes/btn-submit.png)}.mf-btn-plain{height:calc(48 * var(--u));margin:calc(20 * var(--u)) auto 0;padding:0 calc(28 * var(--u));border:1.5px solid var(--gold-line);border-radius:calc(10 * var(--u));color:var(--cream);font-family:var(--font-body);font-size:calc(20 * var(--u));cursor:pointer;background:#e3c07824;place-items:center;font-weight:700;text-decoration:none;display:inline-grid}.mf-btn-plain:hover{background:#e3c07842}.mf-actions{padding-bottom:calc(90 * var(--u))}.mf-note{gap:calc(10 * var(--u));margin-top:calc(18 * var(--u));padding:calc(12 * var(--u)) calc(18 * var(--u));border-radius:calc(12 * var(--u));font-size:calc(20 * var(--u));line-height:calc(30 * var(--u));display:flex}.mf-note--ok{color:#9ff0e2;background:#009a872e}.mf-note--warn{color:#ffdb9c;background:#f5a62329}.mf-note--error{color:#ffc3ae;background:#f252272e}.mf-note--info{color:var(--muted);background:#ffffff14}.mf-combo{position:relative}.mf-combo-list{z-index:20;max-height:calc(320 * var(--u));border:1px solid var(--gold-line);background:#0b1f3f;border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px -20px #000}.mf-combo-list li{padding:calc(10 * var(--u)) calc(14 * var(--u));font-size:calc(21 * var(--u));cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;display:flex}.mf-combo-list li.is-active,.mf-combo-list li:hover{background:#e3c07829}.mf-combo-list .cls{color:var(--gold);font-size:calc(19 * var(--u));white-space:nowrap}.mf-combo-empty{color:var(--muted);cursor:default}.mf-lanterns{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.mf-lantern{width:calc(var(--w,120) * var(--u));animation:mf-float var(--dur,9s) ease-in-out var(--delay,0s) infinite alternate;filter:drop-shadow(0 0 26px #ffba5673);position:absolute}.mf-char{filter:none}@keyframes mf-float{0%{transform:translate(0,0)rotate(-2deg)}to{transform:translate3d(var(--dx,10px), var(--dy,-34px), 0) rotate(2deg)}}@media (prefers-reduced-motion:reduce){.mf-lantern{animation:none}}.mf-footer{margin-top:calc(60 * var(--u));background:#172a52}.mf-footer-inner{align-items:center;gap:calc(120 * var(--u));max-width:calc(1600 * var(--u));padding:calc(78 * var(--u)) calc(40 * var(--u));margin:0 auto;display:flex}.mf-footer-logo{width:calc(480 * var(--u));flex:none;height:auto}.mf-footer-contact h2{margin:0 0 calc(14 * var(--u));font-size:calc(28 * var(--u));letter-spacing:.02em;color:#fff;font-weight:800}.mf-footer-contact ul{gap:calc(10 * var(--u));margin:0;padding:0;list-style:none;display:grid}.mf-footer-contact li{align-items:flex-start;gap:calc(12 * var(--u));font-size:calc(20 * var(--u));line-height:calc(28 * var(--u));color:#dbe4f4;display:flex}.mf-footer-contact svg{width:calc(20 * var(--u));height:calc(28 * var(--u));fill:#f25227;flex:none}.mf-footer-contact a{color:inherit;text-decoration:none}.mf-footer-contact a:hover{color:#fff;text-decoration:underline}.mf-modal-backdrop{--gold:#e3c078;--gold-line:#e3c078bf;--cream:#f6e7c8;--text:#e7eefb;--muted:#b9c8e0;--ink:#16294d;z-index:60;font-family:var(--font-body);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030c1cb8;justify-content:center;align-items:flex-start;padding:24px;animation:.25s ease-out mf-fade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes mf-fade{0%{opacity:0}}.mf-modal{box-sizing:border-box;text-align:center;background:url(/moonfes/modal-top.png) top/100% no-repeat,url(/moonfes/modal-foot.png) bottom/100% no-repeat,url(/moonfes/bg.jpg) 50%/cover no-repeat,#0b1f3f;border-radius:24px;flex:none;width:min(700px,100vw - 48px);min-height:min(1001px,143vw - 68.64px);margin:auto;padding-bottom:36.6%;animation:.28s ease-out mf-pop;position:relative;box-shadow:0 40px 80px -40px #000}@keyframes mf-pop{0%{opacity:0;transform:scale(.95)}}.mf-modal-inner{padding:100px 70px 0}.mf-modal-title{width:284px;max-width:80%;margin:0 auto;display:block}.mf-modal p{max-width:580px;color:var(--text);margin:24px auto 0;font-size:17px;line-height:27px}.mf-modal-qr{background:#fff;border-radius:10px;width:200px;height:200px;margin:42px auto 0;padding:10px}.mf-modal-qr img{width:100%;height:100%;display:block}.mf-modal .mf-btn-qr{aspect-ratio:481/91;background-image:url(/moonfes/btn-qr.png);width:481px;max-width:100%;margin:8px auto 0;font-size:18px}.mf-modal-foot{max-width:540px;margin-top:26px!important;font-size:15px!important;line-height:24px!important}.mf-modal-close{border:1.5px solid var(--gold-line);width:40px;height:40px;color:var(--cream);cursor:pointer;background:#0b1f3f;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:-16px;right:-16px}.mf-modal-close:hover{background:#16305e}.mf-modal-code{letter-spacing:.18em;color:var(--gold);margin-top:10px;font-size:15px;font-weight:700}@media (max-width:860px){.mf{--u:1px}.mf-col{width:100%;max-width:calc(100% - 28px)}.mf-intro{margin-top:32px;padding:0 18px;font-size:16px;line-height:25px}.mf-panel{min-height:0;margin-top:28px;padding:16px 16px 26px}.mf-panel--student,.mf-panel--email{min-height:0}.mf-badge{width:32px;height:29px;top:15px;left:14px}.mf-panel h2{font-size:18px;line-height:30px}.mf-panel-head{flex-wrap:wrap;gap:6px;min-height:30px;padding-left:40px}.mf-count{gap:5px;height:24px;padding:0 9px;font-size:12px}.mf-count img{width:11px;height:14px}.mf-sub{max-width:none;margin-top:12px;font-size:14px;line-height:22px}.mf-fields{margin-top:14px;display:block}.mf-fields--col .mf-field+.mf-field,.mf-field+.mf-field{margin-top:14px}.mf-label{font-size:14px;line-height:21px}.mf-input,.mf-select{width:100%;height:42px;margin-top:6px;padding:0 12px;font-size:16px;line-height:40px}.mf-w-name,.mf-w-class,.mf-w-email,.mf-w-phone{width:100%}.mf-hint{margin-top:6px;font-size:12px;line-height:18px}.mf-member{border-radius:14px;margin:16px 0 0;padding:14px}.mf-member+.mf-member{margin-top:12px}.mf-member-row{display:block}.mf-member-row .mf-field+.mf-field{margin-top:10px}.mf-chips{padding:2px}.mf-chip{gap:5px;height:30px;padding:0 12px;font-size:13px}.mf-chip img{width:13px;height:14px}.mf-member-foot{gap:10px;margin-top:12px}.mf-remove{gap:6px;height:34px;padding:0 14px;font-size:14px}.mf-remove:after{inset:-8px -6px}.mf-btn-gold,.mf-btn-gold:disabled{width:100%;margin-top:16px;left:0}.mf-btn-cta{width:100%;margin-top:26px}.mf-btn-gold,.mf-btn-gold:disabled{font-size:15px}.mf-btn-cta{font-size:18px}.mf-btn-plain{height:42px;font-size:14px}.mf-actions{padding-bottom:40px}.mf-note{margin-top:12px;padding:9px 12px;font-size:13px;line-height:20px}.mf-combo-list li{padding:9px 10px;font-size:15px}.mf-combo-list .cls{font-size:13px}.mf-lanterns{display:none}.mf-footer{margin-top:24px}.mf-footer-inner{text-align:left;padding:26px 20px 30px;display:block}.mf-footer-logo{width:190px;margin:0 0 18px}.mf-footer-contact h2{margin-bottom:10px;font-size:16px}.mf-footer-contact ul{gap:8px}.mf-footer-contact li{gap:8px;font-size:13px;line-height:20px}.mf-footer-contact svg{width:14px;height:20px}.mf-lang{width:40px;height:40px}.mf-modal-backdrop{padding:14px}.mf-modal{width:calc(100vw - 28px);min-height:0}.mf-modal-inner{padding:52px 18px 0}.mf-modal-title{width:190px}.mf-modal p{margin-top:16px;font-size:14px;line-height:22px}.mf-modal-qr{width:150px;height:150px;margin-top:22px;padding:8px}.mf-modal-code{font-size:13px}.mf-modal .mf-btn-qr{width:100%;font-size:14px}.mf-modal-foot{margin-top:18px!important;font-size:12px!important;line-height:19px!important}.mf-modal-close{width:32px;height:32px;font-size:16px;top:58px;right:8px}}