:root{--bg-body:#f9fafb;--bg-surface:#fff;--text-main:#111827;--text-muted:#6b7280;--border:#e5e7eb;--border-focus:#3b82f6;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-light:#eff6ff;--error:#dc2626;--error-bg:#fef2f2;--success:#059669;--success-bg:#ecfdf5;--header-height:64px;--radius:8px;--container-width:1200px}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-body);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.header{background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:0 20px}.header,.nav{display:flex;align-items:center}.nav{width:100%;max-width:var(--container-width);margin:0 auto;justify-content:space-between}.nav__logo{font-weight:700;font-size:18px;color:var(--text-main);text-decoration:none;letter-spacing:-.03em}.nav__items{display:flex;gap:24px}.nav__link{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:14px;transition:color .2s ease}.nav__link:hover{color:var(--brand)}.container{max-width:var(--container-width);margin:40px auto;padding:0 20px}h1{font-size:28px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.page p,h1{margin:0 0 24px}.page p{color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:24px;gap:24px}.link{text-decoration:none}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);display:grid;grid-gap:8px;gap:8px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.card__title{margin:0;font-size:18px;font-weight:700;color:var(--text-main)}.card__desc{margin:0;color:var(--text-muted);font-size:14px}.link:focus-visible .card,.link:hover .card{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 18px -8px rgba(37,99,235,.35)}.link:focus-visible{outline:none}.form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05);width:100%;max-width:100%;display:grid;grid-gap:24px;gap:24px}.field{display:grid;grid-gap:8px;gap:8px}.field span{font-size:13px;font-weight:600;color:var(--text-main);text-transform:uppercase;letter-spacing:.03em}.input,.select,.textarea{width:100%;padding:12px 16px;font-size:16px;border:1px solid var(--border);border-radius:6px;background:#fff;transition:all .2s ease}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.input:focus,.select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-light)}.button{background:var(--brand);color:#fff;font-weight:600;padding:14px 24px;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s;justify-self:start}.button:hover:not(:disabled){background:var(--brand-hover)}.button:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(1)}.message{padding:12px 16px;border-radius:6px;font-size:14px;font-weight:500}.message.success{background:var(--success-bg);color:var(--success)}.message.error{background:var(--error-bg);color:var(--error)}@media (max-width:640px){.header{padding:0 16px;height:56px}.container{margin:20px auto;padding:0 16px}.form{padding:20px;gap:16px}.button{width:100%;justify-self:stretch}h1{font-size:24px}.grid{grid-template-columns:1fr;gap:16px}}