@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=DM+Sans:wght@400;500;700&display=swap");*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{font-family:DM Sans,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#ffffff;min-height:100vh}a{color:inherit;text-decoration:none}.vault-landing{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.vault-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,215,0,.15) 0,transparent 70%);filter:blur(80px);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.vault-hero-content{position:relative;z-index:1;text-align:center;max-width:700px}.vault-hero-icon{font-size:80px;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 40px rgba(255,215,0,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.vault-hero-title{font-family:Space Mono,monospace;font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:-.03em;margin-bottom:1rem;background:linear-gradient(135deg,#FFD700,#FFA500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.vault-hero-tagline{font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;margin-bottom:2rem;color:#cccccc}.vault-hero-description{font-size:1.125rem;line-height:1.7;color:#999999;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.vault-hero-cta{display:inline-block;padding:1.25rem 3rem;font-size:1.125rem;font-weight:700;font-family:Space Mono,monospace;background:#FFD700;color:#0a0a0a;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 0 30px rgba(255,215,0,.3)}.vault-hero-cta:hover{transform:translateY(-2px);box-shadow:0 0 50px rgba(255,215,0,.5);background:#FFA500}.vault-app{min-height:100vh;background:#0a0a0a}.vault-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #1a1a1a;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.vault-logo{font-size:1.5rem;color:#FFD700}.vault-logo,.wallet-connect-btn{font-family:Space Mono,monospace;font-weight:700;text-transform:uppercase}.wallet-connect-btn{padding:.75rem 1.5rem;background:#FFD700;color:#0a0a0a;border:none;cursor:pointer;font-size:.875rem;letter-spacing:.05em;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.wallet-connect-btn:hover{background:#FFA500;transform:translateY(-1px)}.wallet-avatar{width:24px;height:24px;border-radius:50%}.wallet-identity{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.vault-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.vault-connect-state{text-align:center;padding:5rem 2rem}.vault-lock-icon{font-size:100px;margin-bottom:2rem;filter:drop-shadow(0 0 40px rgba(255,215,0,.3))}.vault-connect-title{font-family:Space Mono,monospace;font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:1rem;color:#FFD700;text-transform:uppercase}.vault-connect-text{font-size:1.25rem;color:#999999;max-width:500px;margin:0 auto}.vault-lock-section{margin-bottom:4rem}.vault-lock-card{background:#111111;border:2px solid #ffd700;padding:2.5rem;max-width:600px;margin:0 auto;box-shadow:0 0 40px rgba(255,215,0,.2)}.vault-card-title{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#FFD700;text-transform:uppercase}.vault-card-subtitle{font-size:1rem;color:#999999;margin-bottom:2rem}.vault-card-subtitle strong{color:#FFD700;font-weight:700}.vault-input-group{position:relative;margin-bottom:2rem}.vault-input{width:100%;padding:1.25rem 5rem 1.25rem 1.5rem;font-size:2rem;font-family:Space Mono,monospace;background:#0a0a0a;border:2px solid #333333;color:#ffffff;outline:none;transition:all .2s ease}.vault-input:focus{border-color:#FFD700;box-shadow:0 0 20px rgba(255,215,0,.2)}.vault-input:disabled{opacity:.5;cursor:not-allowed}.vault-input-label{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#666666}.vault-input-label,.vault-lock-btn{font-family:Space Mono,monospace;font-weight:700}.vault-lock-btn{width:100%;padding:1.25rem;font-size:1.25rem;background:#FFD700;color:#0a0a0a;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease}.vault-lock-btn:hover:not(:disabled){background:#FFA500;transform:translateY(-2px);box-shadow:0 0 30px rgba(255,215,0,.4)}.vault-lock-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vault-success{margin-top:1.5rem;padding:1rem;background:rgba(0,255,0,.1);border:1px solid #00ff00;color:#00ff00;text-align:center;font-weight:700;font-family:Space Mono,monospace;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vault-locks-section{margin-top:5rem}.vault-locks-title{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;margin-bottom:2rem;color:#FFD700;text-transform:uppercase;text-align:center}.vault-empty{text-align:center;padding:4rem 2rem;color:#666666;font-size:1.125rem}.vault-locks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.vault-lock-item{background:#111111;border:2px solid #333333;padding:2rem;transition:all .3s ease}.vault-lock-item.withdrawn{opacity:.5;border-color:#1a1a1a}.vault-lock-item:not(.withdrawn):hover{border-color:#FFD700;box-shadow:0 0 30px rgba(255,215,0,.15)}.vault-lock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #222222}.vault-lock-id{font-family:Space Mono,monospace;font-size:.875rem;color:#666666;text-transform:uppercase;letter-spacing:.05em}.vault-lock-amount{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#FFD700}.vault-lock-body{margin-bottom:1.5rem}.vault-lock-info{display:flex;justify-content:space-between;margin-bottom:1rem}.vault-lock-label{font-size:.875rem;color:#666666}.vault-lock-value{font-family:Space Mono,monospace;font-weight:700;color:#ffffff}.vault-lock-status{margin-top:1rem}.vault-status-badge{display:inline-block;padding:.5rem 1rem;font-size:.75rem;font-weight:700;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.vault-status-badge.locked{background:rgba(255,215,0,.1);color:#FFD700;border:1px solid #ffd700}.vault-status-badge.unlockable{background:rgba(0,255,0,.1);color:#00ff00;border:1px solid #00ff00}.vault-status-badge.withdrawn{background:rgba(102,102,102,.1);color:#666666;border:1px solid #333333}.vault-unlock-btn{width:100%;padding:1rem;font-size:1rem;font-weight:700;font-family:Space Mono,monospace;background:#00ff00;color:#0a0a0a;border:none;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;margin-top:1rem}.vault-unlock-btn:hover:not(:disabled){background:#00cc00;transform:translateY(-2px);box-shadow:0 0 30px rgba(0,255,0,.3)}.vault-unlock-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width:768px){.vault-nav{flex-direction:column;gap:1rem;padding:1rem}.vault-container{padding:2rem 1rem}.vault-lock-card{padding:1.5rem}.vault-locks-grid{grid-template-columns:1fr}.vault-input{font-size:1.5rem;padding:1rem 4rem 1rem 1rem}.vault-input-label{font-size:1.25rem;right:1rem}}.floating-banner_bannerContainer__HmZKz{position:fixed;bottom:80px;right:16px;z-index:50;animation:floating-banner_fadeInSlideUp__IUT2B .5s ease-out forwards}@keyframes floating-banner_fadeInSlideUp__IUT2B{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.floating-banner_bannerContainer__HmZKz{bottom:16px}}.floating-banner_bannerContent__aKtQR{display:flex;align-items:center;gap:8px;border-radius:8px;background-color:rgba(0,0,0,.9);padding:4px 6px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}@media (min-width:768px){.floating-banner_bannerContent__aKtQR{padding:4px 8px}}.floating-banner_bannerLink__WlwZK{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:500;color:white;text-decoration:none;transition:color .15s ease-in-out}.floating-banner_bannerLink__WlwZK:hover{color:rgba(255,255,255,.8)}.floating-banner_logo__S8ZSy{object-fit:contain;margin-left:-6px;margin-right:-6px}@media (min-width:768px){.floating-banner_logo__S8ZSy{width:20px!important;height:20px!important}}.floating-banner_brandName__eiHF6{font-weight:600;color:white}.floating-banner_dismissButton__PzEvA{display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:6px;background-color:transparent;border:none;color:rgba(255,255,255,.7);cursor:pointer;transition:all .15s ease-in-out;padding:0}.floating-banner_dismissButton__PzEvA:hover{color:white;background-color:rgba(255,255,255,.1)}.floating-banner_dismissIcon__tbhoz{width:16px;height:16px}