@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&display=swap";.vault-section{max-width:800px;margin:-100px auto 4rem;background:#000;border:1px solid var(--card-border);border-radius:12px;padding:2rem;position:relative;z-index:10;box-shadow:0 -20px 40px #00000080;animation:slideUp 1s ease-out .5s backwards}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.vault-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--card-border);padding-bottom:1rem}.vault-header h2{font-size:1.5rem;font-weight:600;letter-spacing:1px}.status-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;padding:4px 12px;border-radius:4px}.status-indicator.locked{background:#ff00001a;color:#f33;border:1px solid #ff3333}.status-indicator.unlocked{background:#00ff881a;color:var(--accent-color);border:1px solid var(--accent-color)}.file-list{display:flex;flex-direction:column;gap:1rem}.file-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;transition:all .3s ease}.file-item.locked{opacity:.6;filter:grayscale(100%)}.file-item.unlocked:hover{border-color:var(--accent-color);box-shadow:0 0 15px #00ff881a}.file-info{display:flex;align-items:center;gap:1rem}.file-icon{color:var(--text-color)}.file-details{display:flex;flex-direction:column}.file-name{font-weight:500;font-size:1rem}.file-meta{font-size:.75rem;color:#666}.file-action{font-family:monospace}.encrypted-text{color:#444;font-size:.8rem;letter-spacing:2px}.download-btn{background:var(--accent-color);color:#000;border:none;padding:.5rem 1.2rem;border-radius:4px;font-weight:700;cursor:pointer;transition:transform .2s;font-size:.8rem}.download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f86}.payment-notice{margin-top:3rem;text-align:center;padding:2rem;border:1px dashed var(--card-border);border-radius:8px;background:#ff000005}.notice-icon{color:#333;margin-bottom:1rem}.payment-notice h3{font-size:1.1rem;margin-bottom:.5rem;color:#888}.price-tag{font-size:2.5rem;font-weight:800;color:var(--text-color);margin:1rem 0;text-shadow:0 0 20px rgba(255,255,255,.1)}@media (max-width: 768px){body,html{overflow-x:hidden;width:100%;position:relative}.logo-container{top:20px;left:20px;padding:0;background:transparent!important;border:none!important;box-shadow:none!important;transform:none}.logo{height:60px;border:none!important;outline:none!important;background:transparent!important;display:block}.vault-section{margin-top:100px;width:90%;margin-left:auto;margin-right:auto;padding:1rem;box-sizing:border-box}.vault-header{flex-direction:column;align-items:flex-start;gap:.5rem}.vault-header h2{font-size:1.25rem;word-break:break-word}.file-item{flex-direction:column;align-items:flex-start;position:relative;padding:1rem;gap:.5rem}.file-info{width:100%;display:flex;align-items:flex-start;gap:.75rem}.file-details{flex:1;min-width:0}.file-name{font-size:.95rem;font-weight:600;white-space:normal;word-break:break-word;overflow-wrap:anywhere;line-height:1.4;color:#fff}.file-meta{font-size:.75rem;color:#888;display:block;margin-top:.25rem}.file-action{width:100%;text-align:left;margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.encrypted-text{font-size:.75rem;letter-spacing:1.5px;color:#555;font-weight:600;text-transform:uppercase;display:inline-block}.download-btn{width:100%;text-align:center;margin-top:.5rem}}.passcode-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999}.passcode-container{max-width:450px;width:100%;padding:3rem;background:#00ff8805;border:1px solid var(--card-border);border-radius:12px;text-align:center;box-shadow:0 0 50px #000c;animation:fadeIn .5s ease-out}.security-icon{color:var(--accent-color);margin-bottom:1.5rem;filter:drop-shadow(0 0 10px var(--accent-glow))}.passcode-container h2{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:1px}.passcode-container p{color:#666;font-size:.9rem;margin-bottom:2rem}.passcode-form{display:flex;flex-direction:column;gap:1rem}.input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff0d;border:1px solid var(--card-border);border-radius:8px;padding:0 1rem;transition:all .2s}.input-wrapper:focus-within{border-color:var(--accent-color);box-shadow:0 0 15px #00ff881a}.input-wrapper.error{border-color:#f33;animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}.input-icon{color:#666;margin-right:.5rem}input{width:100%;padding:1rem 0;background:transparent;border:none;color:var(--text-color);font-family:var(--font-mono);font-size:1rem;outline:none}input::placeholder{color:#444}.enter-btn{background:var(--text-color);color:#000;border:none;padding:1rem;border-radius:8px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:all .2s;font-family:var(--font-family)}.enter-btn:hover{background:var(--accent-color);box-shadow:0 0 20px var(--accent-glow)}.error-message{color:#f33;font-size:.8rem;margin-top:1.5rem;font-weight:700;letter-spacing:1px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}:root{--font-family: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-color: #050505;--text-color: #ffffff;--accent-color: #00ff88;--accent-glow: rgba(0, 255, 136, .4);--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .1);--locked-color: #555}*{box-sizing:border-box;margin:0;padding:0}.hero{height:0;width:0;padding:0;margin:0}.hero-content{padding:0;margin:0}.vault-section{margin-top:150px}.logo-container{position:absolute;top:20px;left:20px;z-index:1000}.logo{height:140px;width:auto;display:block}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);line-height:1.6;overflow-x:hidden;margin:0}code{font-family:var(--font-mono)}@media (max-width: 768px){body{overflow-x:hidden}.logo-container{top:20px;left:20px;transform:none;padding:0;border:none;background:transparent}.logo{height:60px}}
