:root{--text-main:#e5e7eb;--text-muted:#9ca3af;--gray-card:#252830;--silver-light:#cbd5e1;--gold-dark:#b8860b;--gold-mid:#d4af37;--gold-light:#f4e4bc;--tri-mobile-tablet-page-gutter:var(--tri-page-gutter,16px)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top,#0c0c0e 0,#08080a 35%,#000 100%);flex-direction:column;justify-content:center;align-items:center;padding:24px;font-family:Instrument Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex}body.login-view,body.construction-view,html.fi body.fi-body.login-view,html.fi body.fi-body.construction-view{background:radial-gradient(120% 80% at 50% 0,#2a2a2e 0%,#1a1a1e 45%,#0e0e10 100%);justify-content:flex-start}body.login-view .shell,body.construction-view .shell{flex:1;justify-content:center;align-items:center;display:flex}body.login-view main.fi-simple-main{max-width:none!important;box-shadow:none!important;--tw-ring-shadow:0 0 #0000!important;--tw-ring-offset-shadow:0 0 #0000!important;background:0 0!important;border-radius:0!important;margin-block-start:0!important;margin-block-end:0!important;padding:0!important}body.login-view .page-footer,body.construction-view .page-footer{color:#94a3b8d9;margin-top:auto;padding-bottom:24px}.shell{width:100%;max-width:min(1152px,96vw)}@media (max-width:1024px){body{padding-inline:var(--tri-mobile-tablet-page-gutter);overflow-x:clip}.shell{max-width:100%}.card.card--login,.card.card--construction{max-width:min(544px,100%)}}.card{border-radius:24px;position:relative;overflow:hidden}.card.card--login,.card.card--construction{background:linear-gradient(var(--gray-card), var(--gray-card)) padding-box, linear-gradient(135deg, var(--gold-dark), var(--gold-mid), var(--gold-light), var(--gold-mid), var(--gold-dark)) border-box;border:2px solid #0000;border-radius:24px;width:100%;max-width:min(544px,100vw - 24px);margin:0 auto;box-shadow:0 24px 48px #00000080,0 0 0 1px #d4af3733,inset 0 1px #f4e4bc14}.card-grid{grid-template-columns:1fr;gap:40px;padding:32px 36px 36px;display:grid;position:relative}.card--login .card-grid,.card--construction .card-grid{width:100%;min-width:0;max-width:min(480px,100%);margin:0 auto}@media (max-width:768px){.card-grid{gap:32px;padding:28px}.card--login .card-grid,.card--construction .card-grid{min-width:0}}.title{font-size:calc(30.4px * var(--admin-type-scale));letter-spacing:-.03em;margin-top:16px;font-weight:600;line-height:1.15}body.login-view .card--login .title{color:silver}.subtitle{font-size:calc(15.2px * var(--admin-type-scale));color:var(--text-muted);margin-top:13.6px;line-height:1.7}.status-panel{background:linear-gradient(#2a2a2ed9,#1a1a1ee6);border:1px solid #94a3b83d;border-radius:16px;gap:14.4px;padding:18.4px 19.2px;display:grid}.status-title{font-size:calc(13.12px * var(--admin-type-scale));letter-spacing:.14em;text-transform:uppercase;color:#cbd5e1}.status-grid{gap:10.4px;display:grid}.status-item{font-size:calc(13.6px * var(--admin-type-scale));color:#e2e8f0;border-bottom:1px solid #94a3b829;justify-content:space-between;gap:12px;padding-bottom:7.2px;display:flex}.status-item strong{font-weight:600}.countdown{gap:11.2px;min-height:88px;margin-top:18.4px;display:grid}.countdown-label{font-size:calc(11.52px * var(--admin-type-scale));letter-spacing:.14em;text-transform:uppercase;color:#cbd5e1}.countdown-grid{grid-template-columns:1fr 1fr 1.35fr;gap:8.8px;display:grid}.countdown-item{text-align:center;background:#3a3a3e8a;border:1px solid #94a3b838;border-radius:12px;min-width:0;min-height:52px;padding:10.4px 6.4px;overflow:hidden}.countdown-value{font-size:calc(17.6px * var(--admin-type-scale));color:#f8fafc;font-variant-numeric:tabular-nums;text-overflow:ellipsis;min-width:4ch;max-width:100%;font-weight:600;line-height:1;display:block;overflow:hidden}.countdown-item:last-child .countdown-value{min-width:0;font-size:calc(16px * var(--admin-type-scale))}.countdown-unit{font-size:calc(10.56px * var(--admin-type-scale));letter-spacing:.12em;text-transform:uppercase;color:#9ca3af;margin-top:5.6px}.footer{font-size:calc(11.2px * var(--admin-type-scale));color:var(--text-muted);background:linear-gradient(90deg,#2d2e32eb,#3e3f43c7);border-top:1px solid #94a3b840;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:13.6px 36px 16px;display:flex}.footer--premium{text-align:center;justify-content:center}.card--construction .footer,.card--login .footer{background:linear-gradient(90deg,#1a1d24f2,#1a1d24e6);border-top-color:#d4af3733}.footer__center{text-align:center;width:100%}.page-footer{text-align:center;font-size:calc(11.2px * var(--admin-type-scale));color:var(--text-muted);margin-top:16px;padding:16px}@media (max-width:768px){.footer{padding-inline:var(--tri-mobile-tablet-page-gutter)}}.head-actions{top:calc(env(safe-area-inset-top) + 10px);right:calc(env(safe-area-inset-right) + 12px);z-index:var(--admin-floating-panel-z-index,1300);position:fixed}.head-btn{color:#e2e8f0;font-size:calc(12.48px * var(--admin-type-scale));letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#303135db;border:1px solid #94a3b873;border-radius:999px;padding:7.2px 13.6px;font-weight:600;text-decoration:none}.head-btn:hover{color:#f1f5f9;background:#404145f0}.landing-panel{display:none}.landing-panel.is-active{display:block}.login-col{grid-template-rows:auto 1fr;gap:20px;min-height:0;display:grid}.login-form-wrap{gap:1.6px;width:100%;max-width:none;margin-top:8px;display:grid}.login-form-wrap .btn-row,.login-form-wrap .fi-form-actions{justify-content:flex-end;margin-top:20px;display:flex}.login-form-wrap label,.login-form-wrap .fi-fo-field-label{font-size:calc(12px * var(--admin-type-scale));letter-spacing:.1em;text-transform:uppercase;color:silver;margin-top:13.6px;margin-bottom:5.6px;display:block}.login-form-wrap .fi-fo-field-label-content{color:silver}.login-form-wrap .fi-fo-field-label-required-mark{color:#ef4444}.login-form-wrap label:first-of-type,.login-form-wrap .fi-fo-field:first-of-type .fi-fo-field-label{margin-top:0}.login-form-wrap input[type=text],.login-form-wrap input[type=password],.login-form-wrap .fi-input-wrp{color:#f1f5f9;width:100%;font-size:calc(15.2px * var(--admin-type-scale));background:#3a3a3e9e;border:1px solid #94a3b859;border-radius:12px;margin-bottom:0;transition:border-color .2s,box-shadow .2s}.login-form-wrap input[type=text],.login-form-wrap input[type=password],.login-form-wrap .fi-input{padding:10.4px 14.4px}.login-form-wrap input:focus,.login-form-wrap .fi-input-wrp:focus-within{border-color:var(--gold-mid);outline:none;box-shadow:0 0 0 2px #d4af3759}.login-form-wrap input::placeholder,.login-form-wrap .fi-input::placeholder{color:#737373}.login-form-wrap .fi-input-wrp{box-shadow:none;background:linear-gradient(#303136,#25262b)}.login-form-wrap .fi-input{color:#f1f5f9;background:0 0}.login-form-wrap .fi-input-wrp-input{min-width:0}.login-form-wrap .fi-fo-field-wrp-error-message{font-size:calc(12.8px * var(--admin-type-scale));color:#f87171;margin-bottom:12px}.login-form-wrap .btn-submit,.login-form-wrap .fi-btn{z-index:0;color:var(--gold-light);font-size:calc(13.6px * var(--admin-type-scale));background:linear-gradient(#303136,#303136);border:2px solid #d4af3780;border-radius:12px;justify-content:center;align-items:center;min-height:auto;padding:10.4px 24px;font-weight:600;display:inline-flex;position:relative;box-shadow:0 2px 12px #b8860b33}.login-form-wrap .fi-btn-label{white-space:nowrap}@property --btn-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --card-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.card.card--construction{z-index:0;position:relative}.card.card--construction:after{content:"";background:conic-gradient(from var(--card-angle), var(--gold-dark), var(--gold-mid), var(--gold-light), var(--gold-mid), var(--gold-dark));-webkit-mask-composite:xor;z-index:1;pointer-events:none;opacity:0;border-radius:24px;padding:2px;transition:opacity .25s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card.card--construction:hover:after{opacity:1;animation:2.5s linear infinite card-gradient-flow}@keyframes card-gradient-flow{to{--card-angle:360deg}}.card--login .btn-submit:after,.card--login .fi-btn:after{content:"";background:conic-gradient(from var(--btn-angle), var(--gold-dark), var(--gold-mid), var(--gold-light), var(--gold-mid), var(--gold-dark));-webkit-mask-composite:xor;z-index:-1;opacity:0;border-radius:12px;padding:2px;transition:opacity .25s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card--login .btn-submit:hover,.card--login .fi-btn:hover{color:var(--gold-light);background:linear-gradient(#303136,#303136)}.card--login .btn-submit:hover:after,.card--login .fi-btn:hover:after{opacity:1;animation:2.5s linear infinite btn-gradient-flow}@keyframes btn-gradient-flow{to{--btn-angle:360deg}}.card-login-header,.card-construction-header{text-align:center;background:linear-gradient(105deg, #0000001f 0%, transparent 25%, transparent 75%, #00000014 100%), linear-gradient(180deg, var(--gold-light) 0%, #e8d48c 8%, var(--gold-mid) 22%, #c9a227 38%, var(--gold-dark) 50%, #9a6f0a 62%, var(--gold-mid) 78%, #ddb82e 92%, var(--gold-light) 100%);border-bottom:1px solid #b8860b80;border-radius:24px 24px 0 0;padding:16px 20px;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #0003,0 1px #d4af3726}.card-login-header__title,.card-construction-header__title{font-size:calc(11.2px * var(--admin-type-scale));letter-spacing:.2em;text-transform:uppercase;color:#1a1d24;text-shadow:0 1px #fff6;font-weight:600;display:block}.card--construction .status-panel{background:linear-gradient(#2d323ce6,#1a1d24f2);border:1px solid #d4af3740;border-radius:16px;padding:20px 21.6px;box-shadow:inset 0 1px #f4e4bc0f}.card--construction .status-title{color:var(--silver-light)}.card--construction .status-item-value{align-items:center;gap:8px;display:inline-flex}.card--construction .status-item strong{font-weight:500;font-size:calc(12.8px * var(--admin-type-scale));color:#cbd5e1bf}.card--construction .status-led{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite status-led-blink;display:inline-block;box-shadow:0 0 6px #22c55ecc,0 0 12px #22c55e66,inset 0 0 4px #ffffff4d}@keyframes status-led-blink{0%,to{opacity:.85;background:#16a34a;box-shadow:0 0 4px #22c55e80,0 0 8px #22c55e33,inset 0 0 2px #fff3}50%{opacity:1;background:#4ade80;box-shadow:0 0 10px #4ade80e6,0 0 20px #4ade8066,inset 0 0 6px #fff6}}
