@import url('/assets/fonts/fonts.css');
:root { --black:#030303; --panel:#0a0707; --panel-2:#100808; --red:#e31717; --bright:#ff3232; --muted:#a88f8f; --faint:#6d5151; --text:#f6eeee; --line:rgba(235,55,55,.25); --line-bright:rgba(255,72,72,.58); --display:"Audiowide","Changa",Arial,sans-serif; --mono:"Audiowide","Changa",sans-serif; --arabic:"Changa",Tahoma,Arial,sans-serif; }
* { box-sizing:border-box; } html,body { min-height:100%; } body { margin:0; min-width:320px; color:var(--text); background:var(--black); font-family:var(--display); } button,input { font:inherit; } button { cursor:pointer; } button:focus-visible,input:focus-visible,a:focus-visible { outline:2px solid var(--bright); outline-offset:4px; }
.vault-page { min-height:100svh; position:relative; overflow-x:hidden; background:#030303; }.vault-page::before { content:""; position:fixed; inset:0; z-index:-2; background:radial-gradient(circle at 91% 18%,rgba(121,5,7,.16),transparent 25%),radial-gradient(circle at 10% 92%,rgba(88,4,6,.1),transparent 28%),linear-gradient(140deg,#030303,#070404 62%,#020202); }.vault-page::after { content:""; position:fixed; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.46),transparent 18%,transparent 82%,rgba(0,0,0,.46)); }.vault-binary-rain { position:fixed; inset:0; z-index:0; overflow:hidden; pointer-events:none; opacity:.34; mask-image:linear-gradient(to bottom,transparent 0%,black 11%,black 88%,transparent 100%); }.vault-stream { position:absolute; top:-135vh; width:12px; color:rgba(207,26,28,.32); font:11px/1.55 var(--mono); text-align:center; text-shadow:0 0 9px rgba(233,17,20,.14); white-space:pre-wrap; animation:vault-fall var(--duration) linear var(--delay) infinite; }.vault-noise { position:fixed; inset:0; z-index:2; pointer-events:none; opacity:.1; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
.vault-header { position:relative; z-index:10; display:flex; align-items:center; justify-content:center; padding:21px clamp(22px,4vw,58px); direction:ltr; border-bottom:1px solid rgba(235,55,55,.12); }.vault-menu-toggle { position:absolute; left:clamp(22px,4vw,58px); width:49px; height:43px; display:grid; align-content:center; justify-items:start; gap:6px; padding:0 10px; color:var(--red); border:1px solid rgba(224,27,29,.45); background:rgba(8,4,4,.48); }.vault-menu-toggle:hover { border-color:var(--bright); background:rgba(163,12,14,.18); }.vault-menu-toggle span { display:block; height:1px; background:currentColor; }.vault-menu-toggle span:nth-child(1){width:26px}.vault-menu-toggle span:nth-child(2){width:18px}.vault-menu-toggle span:nth-child(3){width:23px}.vault-identity { display:grid; gap:3px; direction:ltr; text-align:center; font:600 13px/1 var(--display); letter-spacing:.11em; }.vault-identity small { color:#a76b6b; font:9px/1 var(--mono); letter-spacing:.15em; }.vault-alansari { position:absolute; right:clamp(22px,4vw,58px); width:125px; height:47px; display:grid; place-items:center; }.vault-alansari img { width:125px; height:47px; object-fit:contain; filter:grayscale(1) brightness(2.3) contrast(.72) drop-shadow(0 0 8px rgba(255,255,255,.28)) drop-shadow(0 0 22px rgba(227,23,23,.95)); }
.vault-contact-panel { position:fixed; top:0; bottom:0; left:0; z-index:30; width:min(100% - 34px,410px); padding:26px; background:linear-gradient(145deg,#120405,#050303 70%); border-right:1px solid rgba(232,29,31,.4); box-shadow:20px 0 70px rgba(0,0,0,.55); transform:translateX(-104%); transition:transform .34s cubic-bezier(.2,.8,.2,1); }.vault-contact-panel.is-open { transform:translateX(0); }.vault-contact-panel__top { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font:11px/1 var(--mono); letter-spacing:.11em; }.vault-contact-panel__top p{margin:0}.vault-contact-panel__top button{width:34px;height:34px;color:var(--bright);border:1px solid rgba(255,55,55,.3);background:transparent;font:24px/1 var(--mono)}.vault-contact-panel__content { margin-top:min(18vh,150px); }.vault-contact-pulse { display:block;width:8px;height:8px;margin-bottom:20px;border-radius:50%;background:var(--red);box-shadow:0 0 0 7px rgba(227,23,23,.11),0 0 24px rgba(227,23,23,.7); }.vault-contact-panel h2{margin:0;font-size:34px}.vault-contact-panel p{max-width:290px;margin:15px 0 27px;color:var(--muted);font:14px/2 var(--arabic)}.vault-contact-panel a { position:relative;display:grid;grid-template-columns:1fr auto;gap:4px;padding:16px;color:#ffe9e9;border:1px solid rgba(237,56,56,.6);background:linear-gradient(90deg,rgba(174,10,12,.22),transparent);text-decoration:none; }.vault-contact-panel a span{grid-column:1/-1;color:#ff8888;font:10px/1 var(--mono);letter-spacing:.15em}.vault-contact-panel a b{direction:ltr;font:600 13px/1.4 var(--mono)}.vault-contact-panel a i{font:22px/1 var(--mono);color:var(--bright)}.vault-menu-scrim{position:fixed;inset:0;z-index:25;visibility:hidden;opacity:0;background:rgba(0,0,0,.6);transition:opacity .25s ease,visibility .25s}.vault-menu-scrim.is-visible{visibility:visible;opacity:1}
.vault-main { position:relative;z-index:3;width:min(1280px,calc(100% - 80px));margin:auto;padding:clamp(48px,7vw,92px) 0 98px; }.vault-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-bottom:31px;border-bottom:1px solid var(--line); }.vault-kicker { margin:0 0 13px;color:#e46d6d;font:10px/1 var(--mono);letter-spacing:.15em; }.vault-heading h1 { margin:0;color:var(--text);font:700 clamp(38px,5vw,65px)/1 var(--arabic);letter-spacing:-2px; }.vault-heading h1 span { color:var(--bright); }.vault-heading > div:first-child > p:last-child { margin:14px 0 0;color:var(--muted);font:13px/1.9 var(--arabic); }.vault-status { display:flex;align-items:center;gap:11px;padding:13px 0;direction:ltr; }.status-dot { width:8px;height:8px;border-radius:50%;background:#ff3030;box-shadow:0 0 0 5px rgba(227,23,23,.12),0 0 16px rgba(227,23,23,.72); }.vault-status > div { display:grid;gap:4px; }.vault-status small { color:var(--faint);font:9px/1 var(--mono);letter-spacing:.1em; }.vault-status strong { color:#ffc4c4;font:600 12px/1 var(--display);letter-spacing:.04em; }.vault-status button { margin-right:16px;padding:11px 13px;color:#ffb1b1;border:1px solid rgba(241,64,64,.54);background:rgba(128,5,7,.14);font:10px/1 var(--mono);letter-spacing:.08em; }.vault-status button:hover { color:white;background:rgba(187,11,13,.35); }.vault-status button i{font-style:normal;font-size:15px}
.vault-controls { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0; }.vault-search { flex:1;max-width:540px;position:relative;display:flex;align-items:center;color:#c44a4c; }.vault-search span { position:absolute;right:15px;font:26px/1 var(--mono);transform:translateY(-2px); }.vault-search input { width:100%;height:52px;padding:0 49px 0 16px;color:var(--text);border:1px solid var(--line);background:rgba(8,3,3,.72);outline:0;font:12px/1 var(--arabic); }.vault-search input::placeholder{color:#806365}.vault-search input:focus{border-color:var(--bright);box-shadow:0 0 0 4px rgba(227,23,23,.08)}.vault-control-actions { display:flex;align-items:center;gap:9px;direction:ltr; }.vault-ghost,.vault-add { height:43px;padding:0 13px;font:10px/1 var(--mono);letter-spacing:.08em; }.vault-ghost { color:#cd9696;border:1px solid rgba(228,74,75,.35);background:transparent; }.vault-ghost:hover { color:white;border-color:var(--bright);background:rgba(139,10,12,.15); }.vault-add { display:flex;align-items:center;gap:7px;color:white;border:1px solid var(--bright);background:linear-gradient(90deg,#920a0d,#e31717); }.vault-add:hover { filter:brightness(1.12); }.vault-add i { font:20px/1 var(--mono);font-style:normal; }
.vault-content { display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start; }.list-caption { display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--muted);font:10px/1 var(--mono);letter-spacing:.08em; }.list-caption b{color:var(--bright);margin-right:5px}.vault-list { display:grid;gap:10px; }.vault-card { position:relative;display:grid;grid-template-columns:43px minmax(170px,1fr) auto;align-items:center;gap:15px;min-height:94px;padding:15px 19px;border:1px solid rgba(235,55,55,.19);background:linear-gradient(105deg,rgba(18,5,6,.84),rgba(8,7,7,.75));transition:border-color .18s ease,transform .18s ease,background .18s ease; }.vault-card:hover{border-color:rgba(255,80,80,.6);transform:translateX(-2px);background:linear-gradient(105deg,rgba(40,7,8,.76),rgba(8,7,7,.8))}.card-mark{width:41px;height:41px;display:grid;place-items:center;border:1px solid rgba(255,102,102,.47);color:#ffd5d5;background:rgba(150,10,13,.14);font:600 11px/1 var(--display);letter-spacing:-.04em}.mark-github{background:rgba(200,200,200,.06)}.mark-telegram{color:#ffcdcd}.mark-alansari{color:#ff7b7b}.card-main{min-width:0}.card-site{display:flex;align-items:center;gap:10px}.card-site h2{margin:0;color:#f8eeee;font-size:15px;line-height:1.2}.card-site a{overflow:hidden;color:#a07171;font:9px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.card-site a:hover{color:var(--bright)}.card-main p{margin:7px 0 0;color:#c6a9a9;direction:ltr;text-align:right;font:11px/1 var(--mono)}.card-secret{display:flex;align-items:center;gap:13px;direction:ltr}.secret-dots{color:#eeb6b6;font:17px/1 var(--mono);letter-spacing:1px}.copy-password{padding:8px 10px;color:#f5a1a1;border:1px solid rgba(245,91,91,.37);background:transparent;font:9px/1 var(--mono);letter-spacing:.1em}.copy-password:hover{color:white;border-color:var(--bright);background:rgba(190,16,18,.24)}.card-state{position:absolute;bottom:8px;left:13px;color:#87474a;font:8px/1 var(--mono);letter-spacing:.1em}.no-results{padding:34px;color:var(--muted);border:1px dashed var(--line);text-align:center;font:13px/1.8 var(--arabic)}
.vault-side-panel { padding:20px;border:1px solid rgba(238,69,69,.26);background:linear-gradient(145deg,rgba(36,5,6,.72),rgba(8,6,6,.82)); }.side-panel__top{position:relative;padding:6px 0 19px;border-bottom:1px solid var(--line)}.side-panel__top p{margin:0 0 8px;color:#d56b6d;font:9px/1 var(--mono);letter-spacing:.12em}.side-panel__top strong{color:#ffe5e5;font:600 13px/1 var(--display);letter-spacing:.06em}.side-orbit{position:absolute;left:0;bottom:18px;width:34px;height:34px;border:1px solid rgba(255,68,68,.6);border-radius:50%;box-shadow:0 0 0 10px rgba(224,23,23,.07),0 0 26px rgba(227,23,23,.21);animation:pulse-orbit 3s ease-in-out infinite}.side-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:7px}.side-grid div{padding:14px 5px;border-bottom:1px solid rgba(242,89,89,.13)}.side-grid span{display:block;color:#87575a;font:8px/1.3 var(--mono);letter-spacing:.08em}.side-grid b{display:block;margin-top:6px;color:#f2bebe;font:600 11px/1 var(--display);letter-spacing:.02em}.side-note{margin:17px 0 0;color:#9f7a7d;font:11px/1.9 var(--arabic)}
.account-modal[hidden]{display:none}.account-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.modal-card{width:min(100%,438px);padding:23px;border:1px solid rgba(255,69,69,.63);background:linear-gradient(145deg,#1b0708,#070505);box-shadow:0 30px 80px rgba(0,0,0,.55)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-top p{margin:0 0 6px;color:#ce6969;font:9px/1 var(--mono);letter-spacing:.13em}.modal-top h2{margin:0;font-size:25px}.modal-top button{width:32px;height:32px;color:#ff9999;border:1px solid rgba(250,89,89,.35);background:transparent;font:24px/1 var(--mono)}#account-form{display:grid;gap:15px}#account-form label{display:grid;gap:7px;color:#e6bbbb;font-size:12px;font-weight:700}#account-form input{width:100%;height:46px;padding:0 12px;color:#fff3f3;border:1px solid rgba(242,70,70,.4);background:#080303;outline:0;font:12px/1 var(--arabic)}#account-form input:focus{border-color:var(--bright);box-shadow:0 0 0 3px rgba(227,23,23,.08)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.modal-cancel,.modal-save{height:42px;padding:0 15px;font:11px/1 var(--arabic)}.modal-cancel{color:#e6b3b3;border:1px solid rgba(232,82,82,.35);background:transparent}.modal-save{color:white;border:1px solid var(--bright);background:linear-gradient(90deg,#920a0d,#e31717)}.vault-toast{position:fixed;bottom:67px;right:50%;z-index:50;min-width:240px;max-width:calc(100% - 32px);padding:12px 15px;color:#ffe4e4;border:1px solid rgba(255,86,86,.55);background:#210606;box-shadow:0 15px 45px rgba(0,0,0,.4);font:12px/1.7 var(--arabic);text-align:center;transform:translate(50%,20px);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.vault-toast.is-visible{opacity:1;transform:translate(50%,0)}.vault-footer{position:relative;z-index:3;display:flex;justify-content:space-between;padding:20px clamp(22px,4vw,58px);color:#734143;font:9px/1 var(--mono);letter-spacing:.08em;direction:ltr}
@keyframes vault-fall{from{transform:translateY(-4vh)}to{transform:translateY(250vh)}}@keyframes pulse-orbit{0%,100%{transform:scale(.94);opacity:.6}50%{transform:scale(1.08);opacity:1}}
@media(max-width:900px){.vault-main{width:min(100% - 44px,760px)}.vault-content{grid-template-columns:1fr}.vault-side-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}.side-panel__top{border-bottom:0}.side-grid{margin-top:0}.side-note{grid-column:1/-1;margin-top:0}.vault-heading{align-items:flex-start;flex-direction:column}.vault-status{width:100%;border-top:1px solid rgba(235,55,55,.13);padding-top:18px}.vault-status button{margin-right:auto}}@media(max-width:620px){.vault-header{display:flex;justify-content:center;padding:16px 18px}.vault-menu-toggle{left:18px;width:44px;height:39px}.vault-alansari{right:18px;width:100px;height:41px}.vault-alansari img{width:100px;height:41px}.vault-main{width:min(100% - 30px,560px);padding:43px 0 65px}.vault-heading h1{font-size:42px}.vault-controls{align-items:stretch;flex-direction:column}.vault-search{max-width:none}.vault-control-actions{justify-content:space-between}.vault-ghost,.vault-add{flex:1;justify-content:center}.vault-card{grid-template-columns:39px minmax(0,1fr);gap:11px;padding:14px}.card-secret{grid-column:1/-1;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(235,55,55,.15)}.card-site{align-items:flex-start;flex-direction:column;gap:5px}.card-state{top:8px;bottom:auto;left:10px}.vault-side-panel{display:block}.side-panel__top{border-bottom:1px solid var(--line)}.side-grid{margin-top:7px}.side-note{margin-top:17px}.vault-footer{padding:16px 18px}.vault-footer span:last-child{display:none}.vault-status{gap:9px}.vault-status button{margin-right:auto;padding:10px}.vault-toast{bottom:55px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Per-account password visibility */
.secret-dots { overflow: hidden; max-width: 260px; font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
.card-actions { display: flex; align-items: center; gap: 7px; flex: 0 0 auto; }
.reveal-password { width: 34px; height: 34px; display: grid; place-items: center; color: #f0a9a9; border: 1px solid rgba(245,91,91,.37); background: rgba(114,7,9,.12); }
.reveal-password svg { width: 17px; height: 17px; }
.reveal-password:hover, .reveal-password.is-revealed { color: #fff; border-color: var(--bright); background: rgba(190,16,18,.3); }
@media (max-width:620px) { .card-secret { align-items: flex-start; } .secret-dots { max-width: calc(100% - 113px); padding-top: 8px; } }