:root {
    --brand-blue: #0B63CE;
    --brand-blue-light: #3B82F6;
    --brand-accent: #F59E0B;
    --brand-gray: #E5E7EB;
}
* { box-sizing: border-box; margin: 0; padding: 0; font-family: -apple-system, "Segoe UI", Arial, sans-serif; }
body { background: #f4f5f7; color: #1a1a1a; }

.navbar { display: flex; align-items: center; justify-content: space-between; padding: 14px 32px; background: #fff; border-bottom: 1px solid #e4e4e4; }
.navbar .logo { font-weight: 600; font-size: 18px; color: #0B63CE; }
.navbar .links { display: flex; gap: 24px; font-size: 14px; color: #555; }
.navbar .btn-outline { border: 1px solid #0B63CE; color: #0B63CE; background: #fff; padding: 8px 16px; border-radius: 6px; cursor: pointer; }

.hero { text-align: center; padding: 60px 24px; }
.hero h1 { font-size: 28px; font-weight: 600; margin-bottom: 12px; color: #0B63CE; }
.hero p { font-size: 15px; color: #555; max-width: 560px; margin: 0 auto 24px; }
.hero .cta { display: inline-flex; gap: 12px; }
.btn-primary { background: #F59E0B; color: #1a1a1a; border: none; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 600; }
.btn-primary:hover { background: #e08e08; }
.btn-secondary { background: #fff; border: 1px solid #ccc; padding: 10px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; }

.features { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 900px; margin: 0 auto 60px; padding: 0 24px; }
.feature-card { background: #fff; border-radius: 8px; padding: 20px; border: 1px solid #eaeaea; }
.feature-card h3 { font-size: 15px; margin-bottom: 6px; color: #0B63CE; }
.feature-card p { font-size: 13px; color: #666; }

.auth-container { max-width: 360px; margin: 0 auto 60px; background: #fff; border-radius: 8px; padding: 32px; border: 1px solid #eaeaea; }
.auth-container h2 { text-align: center; margin-bottom: 20px; font-size: 18px; color: #0B63CE; font-weight: 600; }
.auth-container input { width: 100%; padding: 10px; margin-bottom: 12px; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; }
.auth-container button { width: 100%; padding: 10px; }
.auth-container .switch { text-align: center; font-size: 13px; margin-top: 14px; color: #666; }
.auth-container .switch a { color: #0B63CE; text-decoration: none; }
.error-msg { background: #fdeaea; color: #a32d2d; padding: 10px; border-radius: 6px; font-size: 13px; margin-bottom: 12px; }

.brand-block { display: flex; align-items: center; gap: 9px; line-height: 1.15; }
.brand-tagline { font-size: 9px; letter-spacing: 0.5px; color: #6b7280; text-transform: uppercase; margin: 1px 0 0; }
.brand-block .logo { font-weight: 700; font-size: 19px; margin: 0; }
.brand-block .logo-fin { color: #0B63CE; }
.brand-block .logo-trenda { color: #F59E0B; }
.brand-block--sm .logo { font-size: 15px; }
.brand-block--sm .brand-tagline { font-size: 8px; }
.brand-block--lg .logo { font-size: 30px; }
.brand-block--lg .brand-tagline { font-size: 12px; letter-spacing: 0.8px; }
.icon-bar-1 { fill: #3B82F6; }
.icon-bar-2 { fill: #1D6FD6; }
.icon-bar-3 { fill: #0B63CE; }

/* Interface applicative v29 */
:root{--navy:#0a2a66;--ink:#15233d;--muted:#64748b;--line:#dce5f2;--surface:#fff;--soft:#f4f7fc;--success:#15803d;--danger:#b42318;--shadow:0 16px 40px rgba(18,45,85,.09)}
body{min-height:100vh;background:linear-gradient(180deg,#f8faff 0,#f2f5fa 100%);color:var(--ink);line-height:1.5}.navbar{position:sticky;top:0;z-index:50;min-height:72px;padding:12px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);box-shadow:0 5px 18px rgba(15,45,90,.05)}.navbar .links{align-items:center;flex-wrap:wrap;justify-content:center}.navbar .links a{padding:7px 8px;border-radius:8px;transition:.2s}.navbar .links a:hover{color:var(--brand-blue)!important;background:#edf5ff}
button,.btn-primary,.btn-secondary,.btn-outline{min-height:40px;font-weight:700;transition:.15s}.btn-primary{color:#172033;box-shadow:0 7px 16px rgba(245,158,11,.22)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none;border-color:#c7d2e3}.page-shell{width:min(1180px,calc(100% - 32px));margin:32px auto 72px}.page-hero{background:linear-gradient(125deg,#092757,#0b63ce);color:#fff;border-radius:22px;padding:30px clamp(24px,4vw,48px);margin-bottom:22px;box-shadow:var(--shadow)}.page-hero h1{font-size:clamp(25px,3vw,38px);margin:4px 0}.page-hero p{color:#dbeafe;max-width:760px}.eyebrow{color:#fbbf24;font-size:12px;font-weight:800;letter-spacing:.12em}
.surface-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 8px 25px rgba(18,45,85,.05)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid--action{grid-template-columns:1fr 1fr auto;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#30415f}input,select,textarea{width:100%;border:1px solid #cbd7e8;border-radius:9px;background:#fff;padding:11px 12px;color:var(--ink);font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px rgba(11,99,206,.12)}textarea{min-height:120px;resize:vertical}.alert{padding:13px 16px;border-radius:10px;margin:14px 0}.alert-error{background:#fff0f0;color:var(--danger)}.alert-success{background:#ecfdf3;color:var(--success)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.catalog-card h2{font-size:17px;color:var(--brand-blue);margin-bottom:14px}.chip-list{display:flex;gap:8px;flex-wrap:wrap}.catalog-chip{display:inline-flex;align-items:center;gap:8px;background:#edf5ff;border:1px solid #cfe2fa;border-radius:999px;padding:6px 8px 6px 12px}.catalog-chip button{min-height:24px;width:24px;border:0;border-radius:50%;background:#fff;color:var(--danger)}.empty-state{color:var(--muted);font-size:13px}.button-group{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.navbar{position:relative;align-items:flex-start;gap:14px}.navbar .links{order:3;width:100%;justify-content:flex-start}.form-grid,.form-grid--action,.catalog-grid{grid-template-columns:1fr}.page-shell{width:min(100% - 20px,1180px)}}
.app-sticky-navbar{position:sticky;top:0;z-index:1100;background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.08)}
html{scroll-padding-top:82px}
[hidden]{display:none!important}
.help-tip{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;margin-left:5px;border:0;border-radius:50%;background:#e7f1ff;color:#0b63ce;font-size:12px;font-weight:900;cursor:help;vertical-align:middle;padding:0}.help-tip:hover::after,.help-tip:focus::after{content:attr(data-help);position:absolute;z-index:3000;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:min(280px,70vw);padding:9px 11px;border-radius:8px;background:#172033;color:#fff;font-size:12px;font-weight:500;line-height:1.4;box-shadow:0 8px 24px rgba(0,0,0,.2)}
@media(max-width:900px){.app-sticky-navbar{overflow-x:auto}.app-sticky-navbar .links{min-width:max-content}}