:root{--primary-color: #4CAF50;--primary-hover: #45a049;--secondary-color: #2196F3;--background-color: #F5F7FA;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-radius: 12px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1)}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--background-color);color:var(--text-color)}*{box-sizing:border-box}button{cursor:pointer;font-family:inherit}.card{background:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:24px;border:1px solid #e0e0e0}.btn{padding:10px 20px;border-radius:999px;border:2px solid transparent;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:#e8f5e9}.container{max-width:1200px;margin:0 auto;padding:20px}input{padding:12px;border:1px solid #ddd;border-radius:8px;width:100%;font-size:16px;margin-bottom:15px}input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4caf5033}