:root{--color-bg-dark: #0f172a;--color-bg-dark-secondary: #1e293b;--color-accent: #00d4aa;--color-accent-hover: #00b894;--color-accent-rgb: 0, 212, 170;--color-text: #333;--color-text-muted: #666;--color-text-light: #999;--color-border: #ddd;--color-bg-light: #f5f5f5;--color-bg-white: #fff;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ffd75e;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--color-bg-light);color:var(--color-text);margin:0;padding:0}*{margin:0;padding:0;box-sizing:border-box}#app{min-height:100vh}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-accent) 0%,#06b6d4 100%);color:var(--color-bg-dark);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 16px rgba(var(--color-accent-rgb),.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--color-accent-rgb),.4)}.btn-primary:disabled{background:#ccc;color:#888;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--color-bg-white);color:var(--color-text);font-size:1rem;font-weight:600;border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:background .15s ease}.btn-secondary:hover{background:var(--color-bg-light)}.input-field{width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:1rem;font-family:inherit;background:var(--color-bg-white);transition:border-color .15s ease,background .15s ease}.input-field:focus{outline:none;border-color:var(--color-accent);background:var(--color-bg-white)}.input-field::placeholder{color:var(--color-text-light)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}