:root{--color-bg-dark:#0a0e08;--color-bg-subtle:#10160d;--color-bg-card:#121a0fbf;--color-neon-lime:#c5ff00;--color-neon-lime-bright:#d4ff1a;--color-neon-lime-dim:#c5ff0026;--color-neon-glow:#c5ff0073;--color-text-main:#f0fdf4;--color-text-muted:#8fa389;--color-text-dim:#5c6e57;--color-accent-cyan:#00f0ff;--color-accent-purple:#9d4edd;--font-heading:"Syncopate", "Space Grotesk", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Space Grotesk", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg-dark);width:100%;min-height:100vh;color:var(--color-text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.bg-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.bg-radial-glow{z-index:0;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#c5ff001f 0%,#c5ff0008 45%,#0000 70%);width:700px;height:700px;animation:6s ease-in-out infinite alternate pulseGlow;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseGlow{0%{opacity:.8;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.falling-leaf-pattern{pointer-events:none;z-index:0;opacity:.25;background-image:radial-gradient(#c5ff0026 1px,#0000 1px);background-size:32px 32px;width:100vw;height:100vh;position:fixed;top:0;left:0}.app-container{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.header-bar{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem;display:flex}.header-left{align-items:center;gap:1rem;display:flex}.badge-secure{color:var(--color-neon-lime);font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101a0ccc;border:1px solid #c5ff0080;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #c5ff0033,inset 0 0 8px #c5ff001a}.badge-secure:hover{border-color:var(--color-neon-lime-bright);box-shadow:0 0 25px #c5ff0066}.status-dot{background-color:var(--color-neon-lime);width:8px;height:8px;box-shadow:0 0 10px var(--color-neon-lime);border-radius:50%;animation:1.5s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.brand-logo{font-family:var(--font-heading);letter-spacing:.08em;color:var(--color-text-main);cursor:pointer;align-items:center;gap:.75rem;font-size:1.15rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.brand-logo:hover{filter:drop-shadow(0 0 12px #c5ff00b3)}.brand-logo-img{object-fit:cover;border:2px solid var(--color-neon-lime);border-radius:50%;width:42px;height:42px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:block;box-shadow:0 0 15px #c5ff0073}.brand-logo:hover .brand-logo-img{border-color:var(--color-neon-lime-bright);transform:scale(1.12)rotate(-8deg);box-shadow:0 0 25px #c5ff00cc}.brand-title{color:#fff;letter-spacing:.08em;font-size:1.05rem;font-weight:700}.header-right{align-items:center;gap:1rem;display:flex}.social-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#162212b3;border:1px solid #ffffff1a;border-radius:9999px;align-items:center;gap:.75rem;padding:.4rem .8rem;display:flex}.social-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.social-btn:hover{color:var(--color-neon-lime);background:#c5ff001a;transform:translateY(-2px)}.btn-wallet{color:var(--color-neon-lime);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c5ff0026 0%,#0a0e08cc 100%);border:1px solid #c5ff0066;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.875rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-wallet:hover{background:var(--color-neon-lime);color:#070c05;transform:translateY(-1px);box-shadow:0 0 25px #c5ff0099}.hero-wrapper{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;max-width:680px;margin:0 auto;padding:2rem 1.5rem;display:flex}.avatar-container{cursor:pointer;margin-bottom:2rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.avatar-container:hover{transform:scale(1.04)}.avatar-ring-outer{background:radial-gradient(circle,#c5ff00cc 0%,#c5ff0033 70%,#0000 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;padding:8px;display:flex;position:relative;box-shadow:0 0 50px #c5ff0073,0 0 100px #c5ff0033,inset 0 0 25px #c5ff004d}.avatar-ring-inner{border:3px solid var(--color-neon-lime);background-color:#0b1108;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-badge-edit{background:var(--color-neon-lime);color:#070d05;border:3px solid #090e07;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;bottom:5px;right:5px;box-shadow:0 0 15px #c5ff0099}.avatar-container:hover .avatar-badge-edit{transform:rotate(15deg)scale(1.1)}.title-done{font-family:var(--font-heading);color:var(--color-neon-lime);letter-spacing:.05em;text-shadow:0 0 20px #c5ff0099,0 0 40px #c5ff004d;text-transform:uppercase;margin-bottom:.75rem;font-size:3.5rem;font-weight:700;line-height:1.1}.subtitle-secured{font-family:var(--font-body);letter-spacing:.18em;color:#f0fdf4cc;text-transform:uppercase;margin-bottom:1.75rem;font-size:1.35rem;font-weight:500}.description-text{color:var(--color-text-muted);max-width:520px;margin:0 auto 2.25rem;font-size:1.15rem;font-weight:400;line-height:1.6}.countdown-box{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#121c0ecc;border:1px solid #c5ff004d;border-radius:20px;align-items:center;gap:1rem;margin-bottom:2.25rem;padding:.85rem 1.75rem;display:inline-flex;box-shadow:0 8px 32px #0006}.timer-item{flex-direction:column;align-items:center;display:flex}.timer-val{font-family:var(--font-mono);color:var(--color-neon-lime);font-size:1.5rem;font-weight:700;line-height:1}.timer-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);margin-top:.25rem;font-size:.65rem}.timer-sep{font-family:var(--font-mono);color:#c5ff0066;font-size:1.5rem;font-weight:700}.action-buttons-group{flex-direction:column;gap:1rem;width:100%;max-width:480px;display:flex}.btn-primary-neon{background:var(--color-neon-lime);color:#060b04;width:100%;font-family:var(--font-heading);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;padding:1.15rem 2rem;font-size:1.05rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 25px #c5ff0080,0 4px 15px #0000004d}.btn-primary-neon:hover{background:var(--color-neon-lime-bright);transform:translateY(-3px)scale(1.02);box-shadow:0 0 40px #c5ff00cc,0 8px 25px #0006}.btn-secondary-cyber{width:100%;color:var(--color-text-main);font-family:var(--font-body);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121c0eb3;border:1px solid #c5ff004d;border-radius:9999px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .25s;display:flex}.btn-secondary-cyber:hover{border-color:var(--color-neon-lime);color:var(--color-neon-lime);background:#c5ff001f;transform:translateY(-2px)}.nav-tabs-bar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c120acc;border:1px solid #ffffff14;border-radius:9999px;justify-content:center;align-items:center;gap:.75rem;max-width:500px;margin:3rem auto 1.5rem;padding:.35rem;display:flex}.tab-btn{color:var(--color-text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;border:none;border-radius:9999px;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{color:var(--color-neon-lime);background:#c5ff002e;border:1px solid #c5ff004d;box-shadow:0 0 15px #c5ff0026}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;width:100%;max-width:1100px;margin:1.5rem auto 4rem;padding:0 1.5rem;display:grid}.cyber-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #c5ff002e;border-radius:24px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cyber-card:hover{border-color:#c5ff0080;transform:translateY(-4px);box-shadow:0 10px 30px #00000080,0 0 20px #c5ff0026}.card-title{font-family:var(--font-heading);color:var(--color-text-main);align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:1.15rem;display:flex}.card-value{font-family:var(--font-mono);color:var(--color-neon-lime);margin:.75rem 0;font-size:2rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#040703d9;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0f160c;border:1px solid #c5ff0066;border-radius:28px;width:100%;max-width:540px;padding:2.25rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) modalSlideUp;position:relative;box-shadow:0 20px 60px #000c,0 0 35px #c5ff0040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:var(--color-text-muted);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.modal-close-btn:hover{color:var(--color-neon-lime);background:#c5ff0026}.custom-input{width:100%;color:var(--color-text-main);font-family:var(--font-body);background:#121c0ee6;border:1px solid #c5ff0040;border-radius:14px;outline:none;margin-top:.5rem;padding:.9rem 1.25rem;font-size:.95rem;transition:all .2s}.custom-input:focus{border-color:var(--color-neon-lime);box-shadow:0 0 15px #c5ff004d}.activity-feed{flex-direction:column;gap:.75rem;max-height:240px;padding-right:.5rem;display:flex;overflow-y:auto}.activity-item{border-left:3px solid var(--color-neon-lime);background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.875rem;display:flex}@media (width<=640px){.title-done{font-size:2.5rem}.subtitle-secured{font-size:1.05rem}.avatar-ring-outer{width:180px;height:180px}.header-bar{padding:1rem}.badge-secure{padding:.4rem .85rem;font-size:.75rem}}