:root{--bg:#070d15;--ink:#dbe8f7;--muted:#8fa7c2;--panel:rgba(12,19,32,0.82);--line:rgba(143,167,194,0.22);--accent:#23c7a6;--accent-strong:#13907a;--danger:#d14c67;--radius:18px;--field-gap:14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 14% 15%,rgba(35,199,166,0.2),transparent 34%),radial-gradient(circle at 80% 8%,rgba(59,125,224,0.22),transparent 38%),linear-gradient(140deg,#060b12,#091223 52%,#0b162b);font-family:"Avenir Next","Segoe UI",sans-serif;display:grid;place-items:center;padding:30px 22px;overflow-x:hidden}body::before{content:"010101 101011 010011 111001 000111 101010 001101";position:fixed;inset:-6% -10% auto -10%;height:44%;pointer-events:none;font-family:"Menlo","SFMono-Regular",monospace;font-size:clamp(0.74rem,1.3vw,0.9rem);letter-spacing:0.34em;white-space:nowrap;color:rgba(35,199,166,0.14);text-shadow:0 0 20px rgba(35,199,166,0.15);transform:rotate(-9deg);animation:driftCode 22s linear infinite}body::after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 65%,rgba(35,199,166,0.18) 0 2px,transparent 2px),radial-gradient(circle at 75% 30%,rgba(59,125,224,0.18) 0 2px,transparent 2px),linear-gradient(to right,rgba(143,167,194,0.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(143,167,194,0.06) 1px,transparent 1px);background-size:280px 280px,320px 320px,34px 34px,34px 34px;opacity:0.55;animation:spinField 32s linear infinite}main{width:min(920px,100%);display:grid;gap:18px;position:relative;z-index:1;animation:enter 360ms ease-out}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px;border:1px solid var(--line);border-radius:14px;background:rgba(12,19,32,0.7);box-shadow:inset 0 1px 0 rgba(188,208,238,0.08);backdrop-filter:blur(4px)}.tab{border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:700;min-height:42px;padding:8px 10px;transition:background 140ms ease,border-color 140ms ease,color 140ms ease,transform 120ms ease}.tab:hover{color:var(--ink);transform:translateY(-1px)}.tab:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(35,199,166,0.2)}.tab.active{border-color:rgba(167,215,208,0.24);background:rgba(27,127,121,0.44);color:#eafffb}.tab-panel{animation:enter 220ms ease-out}.tab-panel[hidden]{display:none}.home-panel{display:grid;gap:22px}.app-card,.content-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 22px 44px rgba(1,5,12,0.44),inset 0 1px 0 rgba(188,208,238,0.08);backdrop-filter:blur(4px);padding:22px;transform-origin:top center;transition:opacity 160ms ease,transform 220ms ease}.app-card h1,.content-panel h1{margin:0 0 16px;font-size:clamp(1.25rem,2vw,1.5rem);letter-spacing:0.02em}.app-card p,.content-panel p{margin:0}.content-panel{display:grid;gap:14px}.content-panel ol{display:grid;gap:12px;margin:0;padding-left:22px;color:var(--muted);line-height:1.55}.content-panel p{color:var(--muted);line-height:1.6}#identity,#site{opacity:0.56;transform:scale(0.995)}#identity.active,#site.active{opacity:1;transform:scale(1)}#identity.working,#site.working{position:relative}#identity.working::after,#site.working::after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient( -45deg,rgba(13,110,110,0.08) 0,rgba(13,110,110,0.08) 12px,rgba(13,110,110,0.02) 12px,rgba(13,110,110,0.02) 24px );animation:scan 900ms linear infinite;pointer-events:none}form,#site .site-fields{display:grid;gap:var(--field-gap)}#identity form{gap:var(--field-gap)}#identity .identity-fields{display:grid;gap:var(--field-gap)}form>*,#site .site-fields>*{margin:0}input,select{width:100%;border:1px solid rgba(143,167,194,0.28);background:rgba(17,28,44,0.72);color:var(--ink);border-radius:12px;padding:12px 13px;font-size:1rem;transition:border-color 140ms ease,box-shadow 140ms ease,transform 120ms ease}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(35,199,166,0.2)}input::placeholder{color:var(--muted)}input[type="submit"]{background:linear-gradient(180deg,#1b7f79,#15645f);color:#eafffb;border:1px solid rgba(167,215,208,0.24);font-weight:700;letter-spacing:0.02em;cursor:pointer;min-height:46px;margin-top:0}input[type="submit"]:hover{transform:translateY(-1px)}#logout{background:linear-gradient(180deg,#9f5566,#804452);border-color:rgba(236,199,208,0.24)}.small{display:grid;grid-template-columns:1fr 1fr;gap:var(--field-gap);align-items:stretch}.password-row{position:relative}#sitePassword{min-height:50px;border-radius:12px;border:1px dashed rgba(143,167,194,0.32);background:rgba(14,23,38,0.7);display:grid;align-items:center;justify-items:center;padding:12px 48px 12px 14px;letter-spacing:0.05em;font-family:"Menlo","SFMono-Regular",monospace;font-size:clamp(1.1rem,3.5vw,1.45rem);user-select:all;overflow-wrap:anywhere;text-align:center}.copy-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;min-width:32px;height:32px;border-radius:9px;border:1px solid rgba(143,167,194,0.28);background:rgba(17,28,44,0.72);color:var(--ink);cursor:pointer;font-size:0.95rem;line-height:1;transition:transform 120ms ease,border-color 140ms ease,box-shadow 140ms ease}.copy-btn:hover{transform:translateY(calc(-50% - 1px));border-color:var(--accent)}.copy-btn:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(35,199,166,0.2)}.copy-btn:disabled{cursor:not-allowed;opacity:0.42;transform:translateY(-50%)}#error{min-height:22px;color:#9db2ca;font-size:0.94rem;line-height:1.35;opacity:0.9;transition:opacity 220ms ease,color 220ms ease}#error.status-success{color:#60f2cc}#error.status-error{color:#ff8ea3}@media (min-width:860px){.home-panel{grid-template-columns:1fr 1fr;align-items:stretch}.app-card{display:flex;flex-direction:column;min-height:332px}#identity form,#site .site-fields{flex:1;height:100%;display:flex;flex-direction:column;gap:var(--field-gap)}#identity form{width:100%;min-height:0}#identity .identity-fields{display:flex;flex-direction:column;gap:var(--field-gap);flex:1;min-height:0}#identity form input[type="submit"],#logout{margin-top:auto}#error{order:1}#logout{order:2}}@media (max-width:520px){body{padding:14px}.tabs{grid-template-columns:1fr}.app-card,.content-panel{padding:16px}.small{grid-template-columns:1fr}.password-row{position:relative}.copy-btn{width:32px;min-width:32px;min-height:32px}}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes driftCode{from{transform:translate3d(-2%,0,0) rotate(-9deg)}to{transform:translate3d(14%,0,0) rotate(-9deg)}}@keyframes spinField{from{transform:rotate(0deg) scale(1.05)}to{transform:rotate(360deg) scale(1.05)}}@keyframes scan{from{background-position:0 0}to{background-position:36px 0}}