:root{--primary: #1a1a1a;--primary-light: #2d2d2d;--accent: #06b6d4;--accent-hover: #059669;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--success: #06b6d4;--warning: #f59e0b;--error: #ef4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--gray-50);min-height:100vh;color:var(--gray-900);overflow-x:hidden}#root{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border:1px solid var(--gray-200);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block;text-decoration:none;text-align:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.btn-secondary{background:#fff;color:var(--primary);border:1px solid var(--gray-200)}.btn-secondary:hover{border-color:var(--gray-300);box-shadow:0 1px 2px #0000000d}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:.5rem;font-size:1rem;margin-bottom:1rem;transition:all .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1a1a1a}.header{background:#fff;border-bottom:1px solid var(--gray-200);padding:2rem;margin-bottom:2rem}.header h1{font-size:1.875rem;font-weight:600;color:var(--gray-900)}.flag{width:32px;height:24px;object-fit:cover;border-radius:4px;margin-right:8px}.loading{text-align:center;padding:3rem;font-size:1.125rem;color:var(--gray-500)}.error{background:#fef2f2;color:var(--error);padding:1rem;border-radius:.5rem;border:1px solid #fecaca;margin-bottom:1rem}.success{background:#f0fdf4;color:var(--success);padding:1rem;border-radius:.5rem;border:1px solid #bbf7d0;margin-bottom:1rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}