.hh-login{min-height:100dvh;display:grid;grid-template-columns:54% 46%;background:#f9f7f2;color:#172234;font-family:HHSans,Arial,sans-serif;overflow:hidden}.hh-scenery{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:9vh 5% 27vh;color:#ffe797;background:linear-gradient(125deg,#8e0011 0%,#b5091c 60%,#d8353c 100%);clip-path:ellipse(96% 142% at 0% 28%);min-height:100dvh}.hh-landscape{position:absolute;z-index:-2;left:0;right:0;bottom:0;width:100%;height:48%;object-fit:cover;object-position:50% 72%;filter:grayscale(1) contrast(1.15);opacity:.63;mix-blend-mode:luminosity}.hh-scenery:after{content:'';z-index:-1;position:absolute;inset:0;background:linear-gradient(#93000e00 45%,#bd152b44 70%,#8d001b44),linear-gradient(10deg,#a00013 0%,transparent 18%)}.hh-satin{position:absolute;z-index:0;pointer-events:none;background:linear-gradient(167deg,#7c000e,#e3304050 40%,#fe5b64 47%,#ae0014 52%,#7a0010);box-shadow:inset 0 -3px 0 #fbd77e,0 6px 24px #4d000b66}.hh-satin.top{width:104%;height:23%;top:-16%;left:-20%;transform:rotate(-9deg);border-radius:50%}.hh-satin.bottom{height:21%;width:120%;bottom:-13%;left:-9%;transform:rotate(-10deg);border-radius:50%}.hh-party{font-family:Arial,'DejaVu Sans',sans-serif;font-size:clamp(68px,6.6vw,112px);line-height:1.15;color:#ffe777;text-shadow:0 3px 0 #bd7200,2px 5px 10px #56000966}.hh-org{font-size:clamp(19px,2.45vw,40px);font-weight:800;line-height:1.3;margin:12px 0 14px}.hh-divider{display:flex;align-items:center;justify-content:center;gap:12px;color:#efc368;margin:14px auto 20px;font-size:28px;width:min(380px,80%)}.hh-divider:before,.hh-divider:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#edc45a)}.hh-divider:after{transform:rotate(180deg)}.hh-scenery h1{font-size:clamp(30px,4.1vw,66px);line-height:1.23;margin:0;font-weight:800;letter-spacing:.015em;white-space:pre-line;color:#ffe69b}.hh-tagline{font-size:clamp(17px,1.85vw,30px);line-height:1.5;color:#fff5eb;margin:20px 0}.hh-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:7vh 7% 6vh 2%;isolation:isolate}.hh-drum{position:absolute;right:-240px;top:-190px;width:650px;height:650px;border:2px solid #ddb46933;border-radius:50%;z-index:-1;background:repeating-radial-gradient(circle at center,transparent 0 20px,#edcb8b22 21px 23px,transparent 24px 34px),repeating-conic-gradient(from 0deg,#e6ba6322 0deg 2deg,transparent 2deg 10deg);opacity:.85}.hh-drum:before{content:'★';position:absolute;inset:26%;font-size:260px;line-height:1;color:#e6bd732e;transform:rotate(15deg)}.hh-login-card{width:100%;max-width:640px;background:#ffffffed;border:1px solid #e7ddcf;border-top-color:#e4be78;border-radius:24px;padding:36px 8% 32px;box-shadow:0 9px 18px #4e36201a}.hh-login-card h2{font-size:clamp(30px,3.1vw,49px);font-weight:800;color:#a10b1c;text-align:center;line-height:1.2;margin:0 0 6px}.hh-welcome{text-align:center;margin:0;color:#535760;font-size:clamp(17px,1.65vw,26px)}.hh-login-card .hh-divider{font-size:24px;color:#ca8b20;width:44%;margin:8px auto 20px}.hh-login-card label.field{font-size:clamp(15px,1.25vw,21px);font-weight:700;display:block;margin:0 0 20px;color:#1e293b}.hh-input{position:relative;display:flex;align-items:center;margin-top:7px}.hh-input>.ico{position:absolute;left:16px;width:24px;height:24px;color:#626b78;pointer-events:none}.hh-input input{width:100%;height:56px;padding:10px 48px 10px 52px;border:1.5px solid #bfc4cb;border-radius:10px;background:#fff;color:#293443;font-size:clamp(16px,1.2vw,21px);font-weight:400;box-shadow:none}.hh-input input:focus{outline:3px solid #a20d1b22;border-color:#ae1123}.hh-input input::placeholder{color:#858b94}.hh-eye{position:absolute;right:9px;top:10px;background:none;border:none;padding:7px;color:#5c6571;cursor:pointer;display:flex}.hh-eye .ico{width:24px;height:24px}.hh-login-options{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:clamp(14px,1.2vw,20px);margin:1px 0 26px}.hh-login-options label{display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer}.hh-login-options input{appearance:auto;accent-color:#ad1021;width:21px;height:21px}.hh-link{color:#a3091b;background:none;border:0;text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;font-family:inherit}.hh-login-submit{height:61px;width:100%;background:linear-gradient(#b20c22,#a40c1e);color:white;border:1px solid #a10b1c;border-radius:10px;font-size:clamp(20px,1.8vw,29px);font-weight:800;font-family:inherit;cursor:pointer}.hh-login-submit:hover{background:#8d0716}.hh-login-submit:disabled{opacity:.65;cursor:wait}.hh-safe{display:flex;align-items:center;justify-content:center;gap:13px;margin:27px 0 3px;font-size:clamp(14px,1.35vw,22px);color:#606672}.hh-safe:before,.hh-safe:after{content:'';height:1px;background:#d3b16b66;flex:1;max-width:85px}.hh-safe .ico{color:#ce901d;width:27px;height:30px}.hh-login-footer{width:90%;max-width:430px;text-align:center;display:flex;align-items:center;justify-content:center;gap:22px;color:#5d636e;margin:35px 0 0;font-size:clamp(14px,1.35vw,21px)}.hh-login-footer:before,.hh-login-footer:after{content:'';flex:1;height:1px;background:#d9b366}.hh-login-explain{line-height:1.65;margin:8px 0 18px;color:#5c6675}.hh-login-back{margin:16px 0 0;text-align:center}.hh-login-result{padding:14px 16px;line-height:1.6;background:#f6f2ea;border-radius:10px;color:#313d49;margin:14px 0}.hh-admin-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:20px}.hh-notice-message{white-space:pre-wrap;line-height:1.8;overflow-wrap:anywhere;font-size:16px}.hh-announcement-dialog{width:min(600px,calc(100vw - 32px));max-height:85vh;border:0;border-radius:18px;padding:0;color:var(--text,#243344);background:var(--panel,#fff)}.hh-announcement-dialog::backdrop{background:#13233780;backdrop-filter:blur(3px)}.hh-notice-top{padding:25px 28px 20px;border-bottom:1px solid var(--line,#eee)}.hh-notice-top .eyebrow{color:#a91024}.hh-notice-top h2{margin:10px 0 10px;font-size:23px}.hh-notice-main{padding:22px 28px;max-height:48vh;overflow:auto}.hh-notice-actions{padding:16px 28px 24px;display:flex;justify-content:flex-end}.hh-sql{background:var(--bg,#f5f6fa);padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.6 monospace;border-radius:8px}.hh-db-cell{white-space:pre-wrap;max-width:400px;max-height:110px;overflow:auto;font:12px/1.5 monospace}.hh-db-controls{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.hh-receipt-line{font-size:12px;color:var(--muted,#64748b)}
@media(min-width:1550px){.hh-login-card{padding-top:42px;padding-bottom:38px}.hh-login-card label.field{margin-bottom:24px}.hh-input input{height:59px}.hh-form-side{padding-left:2%;padding-right:9%}.hh-scenery{padding-top:9.5vh}}
@media(max-width:1050px){.hh-login{grid-template-columns:49% 51%}.hh-scenery{clip-path:ellipse(108% 140% at 0% 28%);padding-top:15vh}.hh-scenery h1{font-size:36px}.hh-tagline{font-size:18px}.hh-org{font-size:24px}.hh-login-card{padding:30px 24px}.hh-form-side{padding:40px 22px 40px 4px}.hh-login-options{font-size:14px;gap:8px}.hh-login-footer{font-size:15px}}
@media(max-width:720px){.hh-login{display:block;min-height:100dvh}.hh-scenery{min-height:260px;clip-path:none;padding:24px 20px 30px}.hh-party{font-size:49px}.hh-org{font-size:18px;margin:5px 0}.hh-scenery h1{font-size:24px;white-space:normal}.hh-scenery .hh-divider{margin:5px auto 10px;font-size:18px;width:180px}.hh-tagline{font-size:14px;margin:12px 0 0}.hh-landscape{height:100%;opacity:.32}.hh-form-side{padding:22px 18px 28px}.hh-login-card{max-width:500px;padding:25px 22px;border-radius:18px}.hh-login-card h2{font-size:32px}.hh-login-card .field{font-size:16px}.hh-input input{font-size:16px;height:52px}.hh-login-options{font-size:14px}.hh-login-submit{font-size:22px;height:54px}.hh-login-footer{margin-top:23px}.hh-safe{font-size:15px;margin-top:23px}.hh-admin-grid{grid-template-columns:1fr}.hh-drum{width:450px;height:450px;right:-230px;top:-140px}.hh-drum:before{font-size:170px}.hh-notice-top,.hh-notice-main{padding:20px}}

.hh-landscape{mask-image:linear-gradient(to bottom,transparent 0%,#000 24%,#000 100%)}.hh-login-options label{font-size:inherit;font-weight:400}.hh-login-card form .field{font-size:clamp(15px,1.25vw,21px)}