*{margin:0;padding:0;box-sizing:border-box}:root{--kline-red:#e30613;--kline-red-dark:#c40510;--kline-yellow:#ffc600;--kline-yellow-light:#ffd84d;--kline-white:#ffffff;--kline-gray-light:#f5f5f5;--kline-gray:#e5e5e5;--kline-text:#333333;--kline-text-light:#666666}body{font-family:Arial,sans-serif;background:var(--kline-gray-light);color:var(--kline-text);min-height:100vh}.kline-card{background:var(--kline-white);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid var(--kline-gray)}.kline-btn-primary{background:linear-gradient(135deg,var(--kline-red),var(--kline-red-dark));color:white;border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.kline-btn-primary:hover{background:linear-gradient(135deg,var(--kline-red-dark),var(--kline-red));transform:translateY(-2px);box-shadow:0 6px 20px rgba(227,6,19,.3)}.kline-btn-secondary{background:var(--kline-yellow);color:var(--kline-text);border:none;padding:1rem 2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.kline-btn-secondary:hover{background:var(--kline-yellow-light);transform:translateY(-2px)}.kline-input{width:100%;padding:1rem;background:var(--kline-white);border:2px solid var(--kline-gray);border-radius:8px;font-size:1rem;color:var(--kline-text);transition:all .3s ease}.kline-input:focus{outline:none;border-color:var(--kline-red);box-shadow:0 0 0 3px rgba(227,6,19,.1)}.kline-header{background:var(--kline-white);border-bottom:3px solid var(--kline-red);box-shadow:0 2px 10px rgba(0,0,0,.1)}.kline-accent{color:var(--kline-red);font-weight:700}