:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--kawasaki-green: #69BE28;--kawasaki-green-dark: #4a8a1b;--text-primary: #ffffff;--text-secondary: #a0a0a0;--card-bg: rgba(30, 30, 30, .6);--border-color: rgba(255, 255, 255, .1);--glass-blur: 12px;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}#root{width:100%;max-width:600px;margin:0 auto;min-height:100vh;position:relative;background:radial-gradient(circle at top right,#1a2a1a 0%,var(--bg-primary) 40%)}button{font-family:inherit;cursor:pointer;border:none}button:active{transform:scale(.98)}.glass-panel{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;box-shadow:0 4px 30px #00000080}.section-title{color:var(--kawasaki-green);font-size:1.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.5px}.input-field{width:100%;padding:12px;background:#0000004d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;margin-bottom:1rem;box-sizing:border-box;transition:all .2s}.input-field:focus{outline:none;border-color:var(--kawasaki-green);box-shadow:0 0 0 2px #69be2833}.primary-btn{background:var(--kawasaki-green);color:#000;font-weight:700;padding:12px 24px;border-radius:50px;width:100%;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.primary-btn:hover{background:var(--kawasaki-green-dark)}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.nav-bar{position:fixed;bottom:0;left:0;right:0;max-width:600px;margin:0 auto;background:#121212f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border-color);padding:10px 0;display:flex;justify-content:space-around;z-index:100}.nav-item{color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;font-size:.75rem;background:none}.nav-item.active{color:var(--kawasaki-green)}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}