:root{--bg: #0b0e14;--bg-raise: #121826;--bg-card: #151c2c;--border: #23304a;--text: #e6ecf6;--text-dim: #8b98b3;--accent: #4f8cff;--accent-strong: #6ea1ff;--danger: #ff6b6b;--ok: #3ddc97;--mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 500px at 70% -10%,#16233f 0%,transparent 60%),radial-gradient(800px 400px at 10% 20%,#131c31 0%,transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;min-height:100vh}#app{max-width:1040px;margin:0 auto;padding:0 24px 80px}.narrow{max-width:620px;margin:0 auto}.hidden{display:none!important}.muted{color:var(--text-dim)}.small{font-size:.85rem}.error{color:var(--danger);font-size:.9rem}.status{padding:10px 14px;border-radius:8px;background:var(--bg-raise);margin:12px 0}.nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;margin-bottom:8px}.brand{font-family:var(--mono);font-size:1.35rem;font-weight:700;letter-spacing:.02em}.brand:before{content:"🔒 ";font-size:1.05rem}.nav nav{display:flex;align-items:center}.nav nav a{color:var(--text-dim);text-decoration:none;margin-left:22px;font-size:.95rem}.nav nav a:hover{color:var(--text)}.lang-toggle{display:inline-flex;margin-left:22px;border:1px solid var(--border);border-radius:999px;overflow:hidden}.lang-toggle button{font:inherit;font-size:.82rem;line-height:1;padding:6px 12px;background:transparent;color:var(--text-dim);border:0;cursor:pointer;transition:background .15s,color .15s}.lang-toggle button:hover:not(.active){color:var(--text)}.lang-toggle button.active{background:var(--bg-card);color:var(--text)}.btn{font:inherit;font-size:.95rem;font-weight:600;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:10px 18px;cursor:pointer;transition:border-color .15s,background .15s,transform .05s}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));border-color:transparent;color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08);border-color:transparent}.btn-lg{font-size:1.05rem;padding:14px 28px;border-radius:12px}.btn-sm{font-size:.85rem;padding:6px 12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--border)}.btn-danger:hover:not(:disabled){border-color:var(--danger);color:var(--danger)}.text-input,.key-input{font:inherit;color:var(--text);background:var(--bg-raise);border:1px solid var(--border);border-radius:10px;padding:11px 14px;width:100%}.text-input:focus,.key-input:focus,.char-input:focus{outline:none;border-color:var(--accent)}.key-input{font-family:var(--mono);letter-spacing:.06em}.hero{padding:56px 0 40px;text-align:center}.eyebrow{font-family:var(--mono);font-size:.78rem;letter-spacing:.28em;color:var(--accent-strong);margin-bottom:18px}.hero h1{font-size:clamp(2rem,5.4vw,3.4rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:20px;background:linear-gradient(180deg,#fff 30%,#a8bce0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .sub{max-width:640px;margin:0 auto 30px;color:var(--text-dim);font-size:1.08rem}.cta-row{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin:8px 0 14px}.cta-hint{color:var(--text-dim);font-size:.9rem}.open-box{max-width:560px;margin:44px auto 0;padding:22px;background:var(--bg-raise);border:1px solid var(--border);border-radius:14px;text-align:left}.open-label{font-size:.9rem;color:var(--text-dim);margin-bottom:10px}.open-row{display:flex;gap:10px}.open-row .btn{flex-shrink:0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;padding:46px 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px}.card h3{font-size:1.05rem;margin-bottom:10px}.card p{color:var(--text-dim);font-size:.95rem}.how{padding:30px 0 20px}.how h2,.pricing h2,.faq h2{font-size:1.7rem;margin-bottom:26px;letter-spacing:-.01em}.step{display:flex;gap:18px;margin-bottom:24px;max-width:680px}.step-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--accent);color:var(--accent-strong);font-family:var(--mono);font-weight:700}.step h3{font-size:1.02rem;margin-bottom:4px}.step p{color:var(--text-dim);font-size:.95rem}.pricing{padding:40px 0 10px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.plan{text-align:center;position:relative}.plan .price{font-size:2rem;font-weight:700;margin:8px 0 6px;color:var(--text)}.plan p{margin-bottom:16px}.plan-active{border-color:var(--accent);box-shadow:0 0 32px #4f8cff1f}.plan-soon{opacity:.75}.soon{display:inline-block;font-size:.8rem;font-family:var(--mono);color:var(--text-dim);border:1px dashed var(--border);border-radius:999px;padding:6px 14px}.pricing-note{color:var(--text-dim);font-size:.9rem;margin-top:20px;max-width:640px}.faq{padding:44px 0 10px}.faq-item{border:1px solid var(--border);border-radius:12px;background:var(--bg-card);margin-bottom:12px;padding:16px 20px}.faq-item summary{cursor:pointer;font-weight:600}.faq-item p{color:var(--text-dim);padding-top:10px;font-size:.95rem}.footer{padding:60px 0 0;text-align:center;color:var(--text-dim);font-size:.9rem}.footer .fine{font-size:.78rem;margin-top:6px;opacity:.7}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-bottom:16px}.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;border-bottom:1px solid transparent;padding-bottom:1px}.footer-links a:hover{color:var(--text);border-bottom-color:var(--border)}.reveal h1{font-size:1.7rem;margin:26px 0 12px;letter-spacing:-.01em}.reveal .sub{color:var(--text-dim);margin-bottom:26px}.key-display{font-family:var(--mono);font-size:clamp(.95rem,2.6vw,1.25rem);letter-spacing:.06em;text-align:center;background:var(--bg-raise);border:1px solid var(--accent);border-radius:14px;padding:26px 18px;margin-bottom:16px;word-break:break-all;user-select:all;box-shadow:0 0 40px #4f8cff1a}.warning-box{border:1px solid rgba(255,107,107,.4);background:#ff6b6b12;border-radius:12px;padding:14px 18px;margin:20px 0;font-size:.93rem}.save-check{display:flex;gap:10px;align-items:center;margin:18px 0;cursor:pointer}.save-check input{width:18px;height:18px;accent-color:var(--accent)}.confirm-row{margin:14px 0 20px}.confirm-row p{font-size:.92rem;color:var(--text-dim);margin-bottom:10px}.char-inputs{display:flex;gap:10px}.char-input{width:52px;height:52px;text-align:center;text-transform:uppercase;font-family:var(--mono);font-size:1.3rem;background:var(--bg-raise);border:1px solid var(--border);border-radius:10px;color:var(--text)}.quota-box{margin:10px 0 22px}.quota-bar{height:10px;border-radius:999px;background:var(--bg-raise);border:1px solid var(--border);overflow:hidden}.quota-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .4s ease}.quota-fill.quota-hot{background:linear-gradient(90deg,#ff9f43,var(--danger))}.quota-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:.88rem;color:var(--text-dim)}.toolbar{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.dropzone{border:1.5px dashed var(--border);border-radius:14px;padding:18px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;transition:border-color .15s,background .15s}.dropzone.dragover{border-color:var(--accent);background:#4f8cff0f}.dropzone .dropzone-hint{color:var(--text-dim);font-size:.9rem}.dropzone .toolbar{margin-bottom:0}.note-editor{display:flex;flex-direction:column;gap:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:18px}.note-body{font-family:var(--mono);font-size:.92rem;resize:vertical}.file-list{display:flex;flex-direction:column;gap:10px}.file-row{display:flex;align-items:center;gap:14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:13px 16px}.file-icon{font-size:1.2rem}.file-info{flex:1;min-width:0;display:flex;flex-direction:column}.file-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta{font-size:.8rem;color:var(--text-dim)}.file-actions{display:flex;gap:8px;flex-shrink:0}.lightbox{position:fixed;inset:0;z-index:50;background:#05080ed1;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px}.lightbox-inner{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:14px;max-width:min(920px,94vw);max-height:90vh;display:flex;flex-direction:column;gap:12px}.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.lightbox-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-inner img,.lightbox-inner video{max-width:100%;max-height:calc(90vh - 90px);object-fit:contain;border-radius:8px}.lightbox-inner iframe{width:min(860px,90vw);height:calc(90vh - 90px);border:0;border-radius:8px;background:#fff}.lightbox-inner audio{width:min(480px,80vw)}.lightbox-text{overflow:auto;max-height:calc(90vh - 90px);max-width:90vw;font-family:var(--mono);font-size:.85rem;white-space:pre-wrap;color:var(--text-dim);padding:6px}html[lang=hi] .eyebrow{letter-spacing:.04em}html[lang=hi] .hero h1{line-height:1.28;letter-spacing:0}html[lang=hi] .brand{letter-spacing:.02em}@media (max-width: 560px){.open-row,.file-actions,.quota-row{flex-direction:column}}