:root{--bg: transparent;--bg-elevated: #111113;--bg-card: #1a181b;--text: #a1a1aa;--text-h: #f4f4f5;--border: #27272a;--accent: #ff2e5f;--accent-glow: rgba(255, 46, 95, .3);--glow-red: #ff4d4d;--glow-orange: #ff8a3d;--yellow-mood: #f4d35e;--red-mood: #3f2a2a;--pink-mood: #f8b4c4;--sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}body{margin:0;background:transparent;color:var(--text)}#root{min-height:100svh;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}h1,h2,h3{font-family:var(--heading);font-weight:600;color:var(--text-h);letter-spacing:-.02em}h1{font-size:42px;margin:0 0 12px}h2{font-size:26px;margin:0 0 16px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 12px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1100px;margin:0 auto}.vyrus-app{min-height:100svh;padding:32px 0 80px;color:var(--text)}.nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:48px;padding-bottom:20px}.logo{font-size:28px;font-weight:700;letter-spacing:-1px;color:var(--text-h)}.nav-links{display:flex;gap:28px;font-size:14px;font-weight:500}.nav-links a{color:var(--text);transition:color .2s}.nav-links a:hover{color:var(--text-h);text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:70px}.hero-visual{position:relative;display:flex;justify-content:center}.hero-visual img{max-width:100%;height:auto;border-radius:12px;box-shadow:0 30px 80px #0009}.hero-content h1{font-size:52px;line-height:1.05;margin-bottom:16px}.hero-content p{font-size:18px;max-width:420px;margin-bottom:28px;color:var(--text)}.cta-primary{background:var(--accent);color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s}.cta-primary:hover{background:#ff4d6d;transform:translateY(-1px)}.grid-section{margin-bottom:70px}.grid-title{text-align:center;font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;color:#666}.silhouette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;max-width:720px;margin:0 auto}.silhouette{aspect-ratio:1;background:#111;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #222;overflow:hidden}.silhouette:after{content:"";position:absolute;width:58%;height:72%;background:linear-gradient(180deg,#1a1a1a,#0a0a0a);border-radius:999px;box-shadow:0 0 18px var(--glow-red),0 0 38px #ff4d4d59,inset 0 0 20px #ff2e5f26}.silhouette.filled{background:#1a1a1c}.silhouette.filled:after{background:linear-gradient(180deg,#2a2a2e,#151517);box-shadow:0 0 12px var(--glow-red),0 0 28px #ff4d4d73}.tasks-section{max-width:520px;margin:0 auto 60px}.task-card{background:#141414a6;border:1px solid #2f2d31;border-radius:16px;padding:28px 26px;box-shadow:0 10px 40px #0006}.task-card h3{margin:0 0 22px;font-size:15px;letter-spacing:1.5px;color:#888}.task-list{display:flex;flex-direction:column;gap:10px}.task-item{display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid #28262a;padding:14px 18px;border-radius:10px;font-size:15px}.task-item.completed{opacity:.75}.task-label{color:var(--text-h)}.task-done{background:transparent;color:#777;font-size:12px;padding:4px 14px;border-radius:999px;font-weight:600;letter-spacing:.5px}.task-btn{background:transparent;border:1px solid #444;color:#ccc;padding:6px 18px;border-radius:999px;font-size:13px;cursor:pointer;transition:all .2s}.task-btn:hover{border-color:var(--accent);color:var(--accent)}.task-btn.completed{background:#222;border-color:#333;color:#555;cursor:default}.wallet-section{text-align:center;margin:60px 0}.wallet-btn{background:transparent;border:2px solid var(--accent);color:var(--accent);padding:16px 48px;font-size:17px;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .2s}.wallet-btn:hover{background:var(--accent);color:#fff}.pill-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.pill{padding:8px 20px;background:transparent;border:1px solid #2f2d31;border-radius:999px;font-size:13px;color:#aaa;transition:all .2s}.pill.active{background:transparent;border-color:#444;color:var(--text-h)}.mood-frame{padding:20px;border-radius:12px}.mood-yellow{background:var(--yellow-mood)}.mood-red{background:var(--red-mood)}.status-bar{text-align:center;font-size:13px;color:#555;margin-top:80px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#0e0d0ff2;border:1px solid #2f2d31;border-radius:16px;padding:36px 32px;max-width:420px;width:90%;box-shadow:0 20px 60px #000000b3}.modal-content h3{margin:0 0 8px;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#666;font-weight:600}.modal-subtitle{font-size:14px;color:#888;margin-bottom:24px}.modal-input{width:100%;background:#ffffff0a;border:1px solid #2f2d31;border-radius:10px;padding:13px 16px;font-size:14px;color:var(--text-h);outline:none;box-sizing:border-box;transition:border-color .2s;font-family:inherit;letter-spacing:.3px;margin-bottom:16px}.modal-input:focus{border-color:#444}.modal-input::placeholder{color:#444;font-size:13px}.modal-input:disabled{opacity:.4;cursor:not-allowed}.modal-actions{display:flex;gap:10px;align-items:center;margin-top:4px}.modal-submit{flex:1;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:11px 24px;border-radius:9999px;font-size:13px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s;text-transform:uppercase}.modal-submit:hover:not(:disabled){background:var(--accent);color:#fff}.modal-submit:disabled{opacity:.3;cursor:not-allowed}.modal-close{background:transparent;border:1px solid #2f2d31;color:#555;padding:11px 18px;border-radius:9999px;font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .2s;text-transform:uppercase}.modal-close:hover{border-color:#555;color:#888}.modal-status{margin-top:14px;font-size:13px;letter-spacing:.5px;text-transform:uppercase}.modal-status.success{color:#4caf6e}.modal-status.error{color:var(--accent)}.modal-status.corrupted{color:#39ff82;text-shadow:0 0 10px rgba(57,255,130,.6),0 0 24px rgba(57,255,130,.3)}.modal-unauthenticated{font-size:13px;color:#555;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center}.hero-visual{order:-1}.silhouette-grid{grid-template-columns:repeat(3,1fr)}.nav-links{gap:18px}}