*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Arial,sans-serif;background:#f5f5f5;color:#333;min-height:100vh}.header{background:#fff;border-bottom:4px solid #c8a84b;padding:0 24px;display:flex;align-items:center;height:64px;box-shadow:0 2px 6px #00000014}.header__logo{font-size:1.3rem;font-weight:700;color:#333;letter-spacing:.5px}.header__logo span{color:#c8a84b}.page{max-width:720px;margin:48px auto;padding:0 16px}.hero{background:#fff;border-left:5px solid #c8a84b;border-radius:4px;padding:20px 24px;margin-bottom:32px;box-shadow:0 1px 4px #00000012}.hero__title{font-size:1.25rem;font-weight:700;margin-bottom:4px}.hero__subtitle{font-size:.9rem;color:#666}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:28px 24px;cursor:pointer;transition:box-shadow .2s,border-color .2s;text-align:center}.card:hover,.card:focus{box-shadow:0 4px 16px #c8a84b40;border-color:#c8a84b;outline:none}.card__icon{font-size:2.5rem;margin-bottom:12px}.card__title{font-size:1rem;font-weight:600}.card__desc{font-size:.82rem;color:#888;margin-top:6px}.form-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:32px;box-shadow:0 1px 4px #00000012}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;color:#444}.form-group input{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:4px;font-size:.95rem;transition:border-color .2s}.form-group input:focus{border-color:#c8a84b;outline:none;box-shadow:0 0 0 3px #c8a84b26}.btn{display:inline-block;padding:11px 28px;border:none;border-radius:4px;font-size:.95rem;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.btn--primary{background:#c8a84b;color:#fff}.btn--primary:hover:not(:disabled){background:#b8962e}.btn--primary:disabled{opacity:.55;cursor:not-allowed}.btn--secondary{background:transparent;color:#666;border:1px solid #ccc;margin-right:12px}.btn--secondary:hover{background:#f0f0f0}.status-msg{margin-top:20px;padding:14px 18px;border-radius:4px;font-size:.9rem}.status-msg--success{background:#e8f5e9;border-left:4px solid #43a047;color:#2e7d32}.status-msg--error{background:#fdecea;border-left:4px solid #e53935;color:#c62828}.status-msg--loading{background:#e3f2fd;border-left:4px solid #1e88e5;color:#1565c0}