.private-page{--private-blue:#6f8fff;--private-cyan:#5fd6ff;--private-border:#91a4d62e;color:#f5f7ff;background:#060912;min-height:100vh;position:relative;overflow:hidden}.private-page *{box-sizing:border-box}.private-ambient{pointer-events:none;background:radial-gradient(circle at 76% 8%,#375bd338,#0000 38%),radial-gradient(circle at 16% 20%,#24a5c717,#0000 28%),linear-gradient(#718bd20b 1px,#0000 1px) 0 0/64px 64px,linear-gradient(90deg,#718bd20b 1px,#0000 1px) 0 0/64px 64px;height:640px;position:absolute;inset:0 0 auto}.private-header,.private-hero,.private-principles,.private-grid,.private-note,.private-footer{z-index:1;width:min(1180px,100% - 48px);margin-inline:auto;position:relative}.private-header{border-bottom:1px solid var(--private-border)}.private-hero{grid-template-columns:auto minmax(0,1fr) 280px;align-items:center;gap:30px;padding:92px 0 62px;display:grid}.private-hero-icon{background:linear-gradient(145deg,#27408eb8,#0f1836db);border:1px solid #6f8fff6b;border-radius:24px;place-items:center;width:76px;height:76px;display:grid;box-shadow:0 22px 70px #2242aa33}.private-hero-icon svg{color:#9eb4ff;width:34px;height:34px}.private-hero-copy>span,.private-card header small,.private-note strong{letter-spacing:.14em}.private-hero-copy>span{font-size:var(--font-size-meta);color:#89a2ff;font-weight:800}.private-hero h1{letter-spacing:-.055em;margin:12px 0 15px;font-size:clamp(46px,6vw,78px);line-height:.98}.private-hero h1 em{color:var(--private-blue);font-style:normal}.private-hero-copy p{color:#9aa7c4;max-width:690px;margin:0;font-size:16px;line-height:1.75}.private-hero aside{background:#0c1222d1;border:1px solid #6f8fff42;border-radius:18px;padding:22px;box-shadow:0 24px 60px #0000002e}.private-hero aside>span{color:#7483a3;font-size:var(--font-size-meta);letter-spacing:.16em;font-weight:800}.private-hero aside strong{align-items:center;gap:9px;margin:12px 0 8px;font-size:18px;display:flex}.private-hero aside strong i{background:#4ee3a6;border-radius:50%;width:9px;height:9px;box-shadow:0 0 18px #4ee3a6b3}.private-hero aside p{color:#8b99b8;margin:0;font-size:13px;line-height:1.55}.private-principles{border:1px solid var(--private-border);background:#0b101dbf;border-radius:18px;grid-template-columns:repeat(3,1fr);margin-bottom:22px;display:grid;overflow:hidden}.private-principles article{border-right:1px solid var(--private-border);gap:16px;padding:20px 22px;display:flex}.private-principles article:last-child{border-right:0}.private-principles article>strong{color:#607ccf;font-size:13px}.private-principles span{font-size:var(--font-size-meta);font-weight:800}.private-principles p{color:#7f8ba8;font-size:var(--font-size-meta);margin:5px 0 0}.private-grid{grid-template-columns:1.08fr .92fr;gap:18px;display:grid}.private-card{border:1px solid var(--private-border);background:linear-gradient(145deg,#0f1526f2,#080c17f5);border-radius:22px;min-width:0;padding:24px;box-shadow:0 28px 90px #00000024}.private-card header{align-items:center;gap:13px;margin-bottom:20px;display:flex}.private-card header>span{color:#90a8ff;background:#283d7e3d;border:1px solid #6f8fff38;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.private-card header>span svg{width:22px;height:22px}.private-card header div{min-width:0}.private-card header small{color:#7185be;font-size:var(--font-size-meta);margin-bottom:4px;font-weight:800;display:block}.private-card h2{margin:0;font-size:18px}.private-card header em{color:#8fa5df;font-size:var(--font-size-meta);margin-left:auto;font-style:normal}.private-text-card textarea,.private-text-card pre{border:1px solid var(--private-border);color:#dce5ff;resize:vertical;background:#070b14;width:100%;min-height:142px;margin:0;padding:17px;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.private-text-card textarea{border-radius:14px 14px 0 0;outline:0}.private-text-card textarea:focus{border-color:#6f8fffa6;box-shadow:0 0 0 3px #6f8fff1a}.private-text-card pre{color:#9eb5ff;white-space:pre-wrap;word-break:break-word;border-top:0;border-radius:0 0 14px 14px}.private-card footer,.private-password-actions,.private-storage-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.private-card button,.private-card label,.private-download{border:1px solid var(--private-border);color:#dfe6f8;min-height:40px;font:inherit;cursor:pointer;background:#101728;border-radius:11px}.private-card button{justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex}.private-card button:hover,.private-card label:hover,.private-download:hover{background:#151f38;border-color:#6f8fff7a}.private-card button:disabled{cursor:not-allowed;opacity:.42}.private-card footer>span{color:#71809d;font-size:var(--font-size-meta)}.private-image-drop{text-align:center;background:#070c18a6;border:1px dashed #6f8fff4d;border-radius:16px;place-items:center;min-height:205px;padding:24px;display:grid}.private-image-drop>svg{color:#819dff;width:34px;height:34px}.private-image-drop strong{margin-top:11px}.private-image-drop p{color:#7f8dab;max-width:360px;font-size:var(--font-size-meta);margin:6px 0 16px;line-height:1.5}.private-image-drop label{align-items:center;padding:0 15px;display:inline-flex}.private-image-drop input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.private-download{align-items:center;gap:9px;margin-top:13px;padding:0 14px;text-decoration:none;display:flex}.private-download small{color:#7887a5;margin-left:auto}.private-segmented{border:1px solid var(--private-border);background:#070b14;border-radius:13px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.private-segmented button{background:0 0;border:0}.private-segmented button.selected{color:#b9c7ff;background:#1a2850}.private-password-card output{border:1px solid var(--private-border);color:#a8bbff;overflow-wrap:anywhere;background:#070b14;border-radius:14px;min-height:76px;margin:18px 0 0;padding:20px;font:700 18px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.private-password-actions button:last-child{background:#1b2c5c;border-color:#6f8fff61}.private-password-card>p,.private-storage-card>p{color:#75829f;font-size:var(--font-size-meta);margin:14px 0 0;line-height:1.55}.private-storage-summary{border:1px solid var(--private-border);background:#070b14;border-radius:15px;grid-template-columns:1fr 1px 1fr;align-items:center;padding:20px;display:grid}.private-storage-summary>div{gap:5px;display:grid}.private-storage-summary strong{font-size:26px}.private-storage-summary span{color:#74819d;font-size:var(--font-size-meta)}.private-storage-summary i{background:var(--private-border);width:1px;height:46px}.private-storage-summary>div:last-child{padding-left:20px}.private-storage-actions button:last-child,.private-clear-confirm button:last-child{color:#ffb3be;border-color:#ff5b7047}.private-clear-confirm{background:#46121d38;border:1px solid #ff5b7047;border-radius:14px;gap:7px;margin-top:16px;padding:15px;display:grid}.private-clear-confirm span{color:#b99099;font-size:var(--font-size-meta)}.private-clear-confirm>div{justify-content:flex-end;gap:8px;display:flex}.private-note{background:#091622bd;border:1px solid #5fd6ff2e;border-radius:18px;gap:16px;margin-top:20px;margin-bottom:70px;padding:20px 22px;display:flex}.private-note>svg{width:24px;height:24px;color:var(--private-cyan);flex:none}.private-note strong{font-size:var(--font-size-meta)}.private-note p{color:#8190ad;margin:6px 0 0;font-size:13px;line-height:1.6}.private-footer{border-top:1px solid var(--private-border)}@media (width<=800px){.private-header,.private-hero,.private-principles,.private-grid,.private-note,.private-footer{width:min(100% - 28px,680px)}.private-hero{grid-template-columns:auto 1fr;padding:58px 0 38px}.private-hero aside{grid-column:1/-1}.private-principles{grid-template-columns:1fr}.private-principles article{border-right:0;border-bottom:1px solid var(--private-border)}.private-principles article:last-child{border-bottom:0}.private-grid{grid-template-columns:1fr}.private-hero h1{font-size:clamp(40px,12vw,60px)}}@media (width<=520px){.private-hero{display:block}.private-hero-icon{border-radius:18px;width:60px;height:60px;margin-bottom:22px}.private-card{padding:18px}.private-card header{align-items:flex-start}.private-card header em{font-size:var(--font-size-meta)}.private-storage-summary strong{font-size:21px}.private-card footer{flex-direction:column;align-items:flex-start}.private-card footer button{width:100%}}.private-checkup{z-index:1;background:linear-gradient(145deg,#0e1527f5,#080c17fa);border:1px solid #91a4d62e;border-radius:22px;width:min(1180px,100% - 48px);margin:20px auto 0;padding:26px;position:relative}.private-checkup>header{border-bottom:1px solid #91a4d62e;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;display:flex}.private-checkup small{color:#7e96e3;font-size:var(--font-size-meta);letter-spacing:.15em;font-weight:800}.private-checkup h2{margin:7px 0 5px;font-size:24px}.private-checkup header p{color:#7987a4;font-size:var(--font-size-meta);margin:0}.private-checkup header output{color:#9db2ff;align-items:baseline;gap:4px;display:flex}.private-checkup header output strong{font-size:36px}.private-checkup header output span{color:#74809b;font-size:13px}.private-check-list{grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 0;display:grid}.private-check-list article{background:#080d18;border:1px solid #91a4d62e;border-radius:15px;gap:12px;min-width:0;padding:16px;display:flex}.private-check-list article>span{color:#55dda8;background:#41cf971f;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.private-check-list article.warning>span{color:#ffbf62;background:#ffbe551f}.private-check-list strong{font-size:13px}.private-check-list p{color:#7785a2;font-size:var(--font-size-meta);margin:5px 0 0;line-height:1.5}.private-checkup>footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.private-checkup>footer>span{color:#6ecfa8;font-size:var(--font-size-meta)}.private-checkup>footer>div{gap:8px;display:flex}.private-checkup button{color:#dfe6f8;cursor:pointer;background:#101728;border:1px solid #91a4d62e;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;display:inline-flex}.private-checkup button:hover{background:#151f38;border-color:#6f8fff7a}.private-checkup button.danger{color:#ffb3be;border-color:#ff5b704d}.private-mask-controls{gap:10px;margin-bottom:14px;display:grid}.private-chip-row{flex-wrap:wrap;gap:7px;display:flex}.private-chip-row button{color:#7f8ca7;min-height:34px;font-size:var(--font-size-meta);border-radius:999px;padding:0 11px}.private-chip-row button.selected{color:#b8c6ff;background:#18264b;border-color:#6f8fff7a}.private-mask-mode{grid-template-columns:repeat(3,1fr)}.private-mask-controls>input{color:#dce5ff;background:#070b14;border:1px solid #91a4d62e;border-radius:11px;outline:0;width:100%;min-height:40px;padding:0 13px}.private-mask-controls>input:focus{border-color:#6f8fffa6;box-shadow:0 0 0 3px #6f8fff1a}.private-secret-options{gap:12px;margin-top:14px;display:grid}.private-secret-options>label{cursor:default;background:0 0;border:0;grid-template-columns:1fr auto;gap:7px;min-height:0;padding:0;display:grid}.private-secret-options>label:hover{background:0 0;border:0}.private-secret-options label span{color:#7f8ca7;font-size:var(--font-size-meta)}.private-secret-options label strong{color:#acbcf3;font-size:var(--font-size-meta)}.private-secret-options input{accent-color:#6f8fff;grid-column:1/-1;width:100%}.private-strength{grid-template-columns:1fr auto;align-items:center;gap:10px;margin:12px 0 0;display:grid}.private-strength:before{content:"";background:#192136;border-radius:99px;grid-area:1/1;height:4px}.private-strength>span{background:linear-gradient(90deg,#5d7cff,#64d9cf);border-radius:99px;grid-area:1/1;height:4px;transition:width .2s}.private-strength strong{color:#7d91ce;font-size:var(--font-size-meta);letter-spacing:.12em}@media (width<=800px){.private-checkup{width:min(100% - 28px,680px)}.private-check-list{grid-template-columns:1fr}}@media (width<=600px){.private-checkup>header,.private-checkup>footer{flex-direction:column;align-items:flex-start}.private-checkup>footer>div{flex-wrap:wrap;width:100%}.private-checkup>footer button{flex:1}.private-mask-mode{grid-template-columns:1fr}}
