:root{--background:#020617;--surface:#0f172a;--primary:#10b981;--primary-glow:#10b98166;--secondary:#f59e0b;--accent:#6366f1;--text:#f8fafc;--text-dim:#94a3b8;--glass:#ffffff08;--glass-border:#ffffff14;--radius-xl:32px;--radius-lg:24px;--radius-md:16px;--font-display:"Outfit",sans-serif;--font-serif:"Playfair Display",serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--text);font-family:var(--font-display);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 20%,#10b98114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f59e0b0d 0%,#0000 40%);position:fixed;inset:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.zen-card{background:var(--surface);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.zen-card:hover{border-color:var(--primary);transform:translateY(-5px);box-shadow:0 35px 60px -15px #10b98126}.title-chronos{font-family:var(--font-serif);background:linear-gradient(135deg,#fff 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;font-weight:900}.btn-emerald{border-radius:var(--radius-md);background:var(--primary);color:#020617;font-weight:800;font-family:var(--font-display);cursor:pointer;text-transform:uppercase;letter-spacing:.1em;border:none;padding:1rem 2.5rem;font-size:1rem;transition:all .3s;box-shadow:0 10px 20px #10b9814d}.btn-emerald:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 15px 30px #10b98180}.input-zen{border:1px solid var(--glass-border);border-radius:var(--radius-md);color:#fff;width:100%;font-size:1.125rem;font-family:var(--font-display);background:#0003;padding:1.25rem;transition:all .3s}.input-zen:focus{border-color:var(--primary);outline:none;box-shadow:0 0 20px #10b9811a}.nav-link{color:var(--text-dim);font-weight:600;text-decoration:none;transition:all .3s}.nav-link:hover{color:var(--primary)}.display-value{font-family:var(--font-serif);color:var(--secondary);font-size:5rem;font-weight:900;line-height:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:.8s ease-out forwards fadeIn}html{scrollbar-width:thin;scrollbar-color:var(--primary)transparent}