:root{--brand-primary:#18d7d2;--brand-secondary:#ff7a22;--text-primary:#11314f;--text-secondary:#4a6078;--page-bg:#f9f9f2;--card-bg:#fff;--border-light:#e6edf5;--shadow-soft:0 10px 25px #11314f14;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;color:var(--text-primary);background-color:var(--page-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--page-bg);min-height:100vh;margin:0}a{color:inherit}#root{min-height:100vh}.app-shell{width:min(960px,100%);margin:0 auto;padding:20px 16px 42px}.top-bar{background:var(--brand-primary);color:#fff;border-radius:var(--radius-lg);justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;display:flex}.brand-wrap{align-items:center;gap:10px;display:flex}.brand-logo{object-fit:cover;border-radius:10px;width:42px;height:42px;box-shadow:0 4px 10px #0000002e}.brand{letter-spacing:.08em;font-size:1.35rem;font-weight:800}.nav-links{gap:8px;display:flex}.nav-link{color:#e8fcfc;border-radius:999px;padding:9px 14px;text-decoration:none;transition:background-color .2s}.nav-link:hover{background:#ffffff40}.nav-link.active{color:var(--brand-primary);background:#fff;font-weight:700}.content-card{background:var(--card-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);border:1px solid var(--border-light);padding:22px 20px}.page-title{margin:0 0 10px;font-size:1.7rem}.intro-text{color:var(--text-secondary);margin:0 0 16px}.section-card{border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-top:12px;padding:14px}.section-card h3{color:var(--text-primary);margin:0 0 8px}.section-card p{color:var(--text-secondary);margin:0;line-height:1.55}.support-form{gap:12px;display:grid}.support-label{color:var(--text-primary);gap:6px;font-weight:600;display:grid}.support-input,.support-textarea{width:100%;font:inherit;border:1px solid #cbd8e8;border-radius:10px;padding:10px 12px}.support-textarea{resize:vertical;min-height:130px}.support-input:focus,.support-textarea:focus{border-color:var(--brand-primary);outline:2px solid #18d7d240}.input-error{color:#d8483f;font-size:.9rem}.submit-button{background:var(--brand-secondary);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:999px;padding:12px 16px;font-weight:700}.submit-button:hover{filter:brightness(.98)}@media (width<=740px){.top-bar{flex-direction:column;align-items:flex-start;gap:10px}.brand{font-size:1.2rem}.brand-logo{width:36px;height:36px}.nav-links{justify-content:space-between;width:100%}.nav-link{padding:8px 12px;font-size:.95rem}}