:root{--hp-green: #6cb83f;--hp-green-dark: #23411a;--hp-green-mid: #4f8d2f;--hp-green-soft: #8fd36a;--hp-bg-top: rgba(108, 184, 63, .12);--hp-bg-top-right: rgba(143, 211, 106, .1);--hp-surface: #ffffff;--hp-surface-soft: #f8fcf7;--hp-border: rgba(108, 184, 63, .14);--hp-text: #32462c;--hp-text-soft: #6f8169;--hp-shadow: 0 14px 30px rgba(47, 87, 31, .08);--hp-shadow-hover: 0 20px 36px rgba(47, 87, 31, .12);--hp-radius-xl: 24px;--hp-radius-lg: 18px;--hp-radius-md: 14px}html,body{margin:0;padding:0;font-family:Arial,sans-serif;background:radial-gradient(circle at top left,var(--hp-bg-top),transparent 28%),radial-gradient(circle at top right,var(--hp-bg-top-right),transparent 24%),linear-gradient(180deg,#f5faf4,#edf5ea);color:var(--hp-text)}*{box-sizing:border-box}.app-page{min-height:100vh;padding:24px}.page-container{max-width:1440px;margin:0 auto}.page-card{background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:var(--hp-radius-xl);box-shadow:var(--hp-shadow)}.section-title{margin:0;font-size:28px;line-height:1.2;color:var(--hp-green-dark)}.section-subtitle{margin-top:8px;color:var(--hp-text-soft);font-size:14px}.hp-button-primary{border:none;border-radius:14px;padding:12px 18px;background:linear-gradient(135deg,var(--hp-green) 0%,var(--hp-green-mid) 100%);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 20px #6cb83f33;transition:transform .2s ease,box-shadow .2s ease}.hp-button-primary:hover{transform:translateY(-2px);box-shadow:0 14px 24px #6cb83f3d}.hp-button-secondary{border:1px solid var(--hp-border);border-radius:14px;padding:12px 18px;background:#fff;color:var(--hp-green-dark);font-weight:700;cursor:pointer}.hp-input,.hp-select{width:100%;height:46px;border-radius:14px;border:1px solid #dbe8d6;background:#fff;padding:0 14px;font-size:14px;color:var(--hp-text);transition:border-color .2s ease,box-shadow .2s ease}.hp-input:focus,.hp-select:focus{outline:none;border-color:var(--hp-green);box-shadow:0 0 0 4px #6cb83f1f}