@font-face{font-family:Inter;src:local("Inter")}:root{--bg: #0f0f0f;--surface: #242424;--surface-hover: #2a2a2a;--border: #3d3d3d;--accent: #d6f430;--accent-active: #c3e40c;--danger: #ff4d28;--text: #fafafa;--text-muted: #919191;--placeholder: #9ca3af;--grid-minor: 28px;--grid-major: 168px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--text);background-color:var(--bg);background-image:linear-gradient(rgba(214,244,48,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(214,244,48,.07) 1px,transparent 1px),linear-gradient(rgba(214,244,48,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(214,244,48,.14) 1px,transparent 1px);background-size:var(--grid-minor) var(--grid-minor),var(--grid-minor) var(--grid-minor),var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major);background-position:center;overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 0%,transparent 35%,var(--bg) 92%)}#app{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(90vw,720px);height:min(90vw,720px);display:flex;align-items:center;justify-content:center}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;animation:spin 90s linear infinite}.orbit-item{position:absolute;top:50%;left:50%;width:0;height:0}.orbit-item span{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;font-size:13px;letter-spacing:.02em;color:var(--text-muted);animation:spin-reverse 90s linear infinite;-webkit-user-select:none;user-select:none}.orbit-item.accent span{color:var(--accent);font-weight:600}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}.center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px;padding:32px}.logo-wrap{position:relative;width:84px;height:84px}.logo-wrap:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle,rgba(214,244,48,.35),transparent 70%);filter:blur(20px);z-index:-1}.logo-wrap .logo-mark{width:100%;height:100%;background-color:var(--accent);-webkit-mask-image:var(--logo-src);mask-image:var(--logo-src);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:drop-shadow(0 0 18px rgba(214,244,48,.35))}.card{width:min(85vw,340px);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 20px 60px #00000080}.card h1{margin:0 0 4px;font-size:18px;font-weight:600;text-align:center;color:var(--text)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-muted)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;color:var(--text);font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.field input::placeholder{color:var(--placeholder)}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #d6f43033}.submit{margin-top:4px;background:var(--accent);color:#0f0f0f;border:none;border-radius:8px;padding:11px 12px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease}.submit:hover{background:var(--accent-active)}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.6;cursor:not-allowed}.error{margin:-4px 0 0;font-size:12px;text-align:center;color:var(--danger)}@media(prefers-reduced-motion:reduce){.orbit,.orbit-item span{animation:none}}