@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
body.moon-theme{--copper:#e99a61;min-height:100dvh;height:auto;margin:0;padding:20px;display:flex;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:auto;background:radial-gradient(ellipse at 80% 25%,#4c304e 0%,transparent 48%),radial-gradient(ellipse at 12% 80%,#302343,transparent 55%),#120e1d;color:#241c2b;font-family:'DM Sans',sans-serif;animation:none} .moon-theme *{box-sizing:border-box}.moon-theme #particles{position:fixed;inset:0;pointer-events:none;z-index:0}.night-glow{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,#e99a6110,transparent 50%)}
.moon-theme .login-layout{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;height:auto;margin:0;padding:0;background:transparent}.moon-theme .login-panel{display:flex;align-items:center;justify-content:center;width:100%;padding:0;background:transparent}.moon-theme .login-panel[hidden]{display:none!important}.moon-theme .login-card{width:min(100%,430px);max-width:430px;margin:0;padding:39px 38px 30px;background:linear-gradient(165deg,#fffefa,#fbf6f0);border:1px solid #fff5e8;border-radius:24px;box-shadow:0 28px 90px #080510a3,0 0 0 1px #f3bc8c16;backdrop-filter:none;animation:revealCard .75s cubic-bezier(.2,.8,.2,1) both}.edition-line{text-align:center;font-size:9px;font-weight:800;letter-spacing:2px;color:#b27a58;margin:0 0 27px}.edition-mark{color:#df9a67;margin:0 7px}.moon-theme .system-title{text-align:center;margin:0 0 32px}.moon-theme .system-title h1{display:block;font-family:'DM Sans',sans-serif;font-size:34px;font-weight:800;line-height:1.2;letter-spacing:1.1px;color:#34213a;background:none;-webkit-text-fill-color:#34213a;margin:0}.moon-theme .system-title p{font-size:14px;color:#56495b;margin:7px 0}.moon-theme .system-title span{font-size:11px;color:#998b99}
.moon-theme .floating-group{position:relative;margin:0 0 18px}.moon-theme .floating-group input{width:100%;height:58px;border:1px solid #e9dfe5!important;border-radius:12px;background:#f5f0f3!important;padding:17px 45px 0 16px!important;font:500 14px 'DM Sans',sans-serif;color:#34283a!important;outline:0!important;box-shadow:none!important;transition:border-color .2s,background .2s,box-shadow .2s}.moon-theme .floating-group input:focus{border-color:#d8915d!important;background:#fffaf6!important;box-shadow:0 0 0 4px #e99a6126!important}.moon-theme .floating-group label{position:absolute;left:16px;top:50%;transform:translateY(-50%);font:500 12px 'DM Sans',sans-serif;color:#867989;pointer-events:none;transition:top .2s,font-size .2s,transform .2s}.moon-theme .floating-group input:focus+label,.moon-theme .floating-group input:not(:placeholder-shown)+label{top:10px;transform:none;font-size:10px;color:#a56c49}.moon-theme .password-group .reveal-button{position:absolute;top:9px;right:9px;width:40px;height:40px;border:0;border-radius:9px;background:transparent;color:#87768a;cursor:pointer}.moon-theme .password-group .reveal-button:hover{background:#eadfe6}.moon-theme .remember-row{margin:5px 0 20px;font-size:12px;color:#615466}.moon-theme .checkbox-container{display:flex;align-items:center;gap:9px;cursor:pointer}.moon-theme .checkbox-container input{accent-color:#9a5b64}.moon-theme .login-btn{width:100%;height:55px;margin:0;border:0;border-radius:12px;background:linear-gradient(115deg,#442b48,#6b3b54)!important;color:#fff!important;box-shadow:0 12px 25px #43243c30;font:700 13px 'DM Sans',sans-serif;transition:transform .2s,box-shadow .2s}.moon-theme .login-btn .btn-text{display:flex;justify-content:center;align-items:center;gap:12px}.moon-theme .login-btn .btn-text i{color:#f0b07e}.moon-theme .login-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #43243c50}.moon-theme .login-btn .spinner{border-top-color:#f0b07e}.moon-theme .error-text{font-size:12px;color:#b93648}.card-foot{display:flex;justify-content:space-between;gap:8px;margin-top:27px;padding-top:18px;border-top:1px solid #e8dfe3;font-size:9px;letter-spacing:1px;font-weight:700;color:#a59aa5}
.moon-gate{text-align:center;color:#fff;animation:gateIn .7s ease both}.moon-gate[hidden]{display:none!important}.gate-eyebrow{font-size:10px;letter-spacing:3px;font-weight:800;color:#d8a47e}.gate-eyebrow span{margin:0 8px}.moon-trigger{position:relative;display:grid;place-items:center;width:240px;height:240px;margin:32px auto 25px;padding:0;background:none;border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:10px}.moon-disc{position:relative;display:block;width:148px;height:148px;border-radius:50%;background:radial-gradient(circle at 32% 27%,#ffe1b0,#e9a66f 58%,#bd765e);box-shadow:0 0 40px #efaa7160,0 0 95px #e99a612e,0 0 0 14px #f0ae7a0c;transition:transform .4s,box-shadow .4s;animation:moonFloat 5s ease-in-out infinite}.moon-trigger:hover .moon-disc{box-shadow:0 0 60px #efaa7180,0 0 115px #e99a6140}.moon-crater{position:absolute;border-radius:50%;background:#b8755c20;box-shadow:inset 2px 2px 5px #a9664730}.crater-one{width:27px;height:27px;top:29px;left:36px}.crater-two{width:17px;height:17px;right:32px;top:66px}.crater-three{width:11px;height:11px;left:67px;bottom:23px}.moon-shine{position:absolute;inset:0;border-radius:50%;background:linear-gradient(130deg,#fff8e766,transparent 50%)}.orbit{position:absolute;inset:9px;border:1px solid #f2bd8940;border-radius:50%;pointer-events:none}.orbit-two{inset:-6px;border-style:dashed;border-color:#f2bd8920;animation:spin 30s linear infinite}.orbit-star{position:absolute;color:#f3c08e;text-shadow:0 0 16px #e9a36b}.orbit-star-one{right:19px;top:25px}.orbit-star-two{left:8px;bottom:45px}.gate-title{font-size:clamp(30px,5vw,43px);font-weight:800;letter-spacing:-1.6px;margin:0 0 12px}.gate-title em{font-style:normal;color:#e9a36d}.gate-hint{color:#b9aabb;font-size:13px;margin:0 0 22px;min-height:19px}.gate-progress{display:flex;justify-content:center;gap:9px}.gate-progress span{width:25px;height:4px;border-radius:6px;background:#ffffff2b;transition:background .3s,box-shadow .3s}.gate-progress span.active{background:#efad78;box-shadow:0 0 12px #efad7880}.gate-foot{margin-top:34px;font-size:9px;letter-spacing:2px;color:#8f7d98;font-weight:700}.moon-gate[data-stage='1'] .moon-disc{box-shadow:0 0 65px #f4ac7a9c,0 0 125px #e99a6150}.moon-gate[data-stage='2'] .moon-disc{box-shadow:0 0 80px #ffc28baa,0 0 155px #e99a6166;transform:scale(1.07)}.moon-gate.unlocking .moon-disc{animation:unlockMoon .8s ease-in forwards}.moon-gate.unlocking{animation:gateOut .7s .25s ease forwards}
.moon-theme #loadingScreen{position:fixed;inset:0;width:100%;height:100%;z-index:99999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,#432b4a,#120e1d 70%);opacity:0;pointer-events:none;transition:opacity .25s}.moon-theme #loadingScreen.show{opacity:1;pointer-events:auto}.moon-theme .loading-box{text-align:center;color:#fff}.loading-orbit{position:relative;display:grid;place-items:center;width:125px;height:125px;border:1px solid #e9a36b60;border-radius:50%;margin:0 auto 25px;box-shadow:0 0 0 16px #e9a36b0c;animation:spin 7s linear infinite}.loading-crescent{font-size:60px;color:#f3b780;animation:counterSpin 7s linear infinite}.loading-star{position:absolute;color:#f3b780}.s1{top:5px;right:5px}.s2{bottom:7px;left:4px}.moon-theme .loading-box p{font-size:15px;font-weight:700;margin:0 0 20px}.loading-track{width:170px;height:3px;margin:0 auto 15px;border-radius:5px;background:#ffffff22;overflow:hidden}.loading-track span{display:block;width:40%;height:100%;background:#e9a36b;animation:load 1.4s ease-in-out infinite}.moon-theme .loading-box small{font-size:9px;letter-spacing:1.8px;color:#bca8bf}
@keyframes gateIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes revealCard{from{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}@keyframes gateOut{to{opacity:0;transform:scale(1.08)}}@keyframes unlockMoon{to{transform:scale(2.2);opacity:0;filter:blur(15px)}}@keyframes moonFloat{50%{transform:translateY(-9px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{transform:rotate(-360deg)}}@keyframes load{from{transform:translateX(-110%)}to{transform:translateX(350%)}}
@media(max-width:600px){body.moon-theme{padding:22px 18px;background:radial-gradient(ellipse at 70% 15%,#51314f,transparent 55%),#151020}.moon-theme .login-layout{min-height:calc(100dvh - 44px)}.moon-theme .login-card{width:min(100%,405px);padding:32px 25px 25px;border-radius:22px}.moon-theme .system-title h1{font-size:31px}.moon-theme .floating-group input{font-size:16px}.moon-trigger{width:210px;height:210px;margin:25px auto}.moon-disc{width:135px;height:135px}.gate-title{font-size:33px}.gate-hint{font-size:12px}.moon-theme .login-btn{height:55px}}
@media(max-height:620px){body.moon-theme{align-items:flex-start}.moon-theme .login-layout{min-height:0}}@media(prefers-reduced-motion:reduce){.moon-theme *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Visible crescent insignia on interactive moon */
.moon-theme .moon-disc .moon-crescent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:5;color:#332039;font-family:Georgia,serif;font-size:105px;font-weight:400;line-height:1;pointer-events:none;text-shadow:0 3px 10px #40243c20;transform:translateY(-4px);transition:transform .35s ease,color .35s ease,text-shadow .35s ease}
.moon-theme .moon-trigger:hover .moon-crescent{transform:translateY(-4px) rotate(-9deg) scale(1.06)}
.moon-theme .moon-gate[data-stage="1"] .moon-crescent{color:#41213a;text-shadow:0 0 15px #ffe1af}
.moon-theme .moon-gate[data-stage="2"] .moon-crescent{color:#24172d;text-shadow:0 0 20px #fff0c7}
@media(max-width:600px){.moon-theme .moon-disc .moon-crescent{font-size:90px}}