.page-module__Rr3XzG__pageHero{text-align:center;background-color:var(--bg);padding:160px 0 100px;position:relative;overflow:hidden}.page-module__Rr3XzG__pageHeroBg{background:radial-gradient(at top,#1e3a8a14 0%,#0000 60%);position:absolute;inset:0}.page-module__Rr3XzG__pageHeroContainer{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.page-module__Rr3XzG__heroTitle{color:var(--text-primary);margin:16px 0 20px;font-size:clamp(2.2rem,4vw,3.5rem)}.page-module__Rr3XzG__grad{color:var(--primary)}.page-module__Rr3XzG__pageHeroDesc{color:var(--text-secondary);max-width:580px;margin:0 auto;font-size:1.1rem;line-height:1.7}.page-module__Rr3XzG__tipsSection{background-color:var(--bg-surface)}.page-module__Rr3XzG__sectionHead{margin-bottom:56px}.page-module__Rr3XzG__tipsGrid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.page-module__Rr3XzG__tipCard{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;gap:16px;padding:32px 24px;transition:all .3s;display:flex}.page-module__Rr3XzG__tipCard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #1e3a8a0f}.page-module__Rr3XzG__tipIcon{font-size:2.5rem}.page-module__Rr3XzG__tipTitle{color:var(--text-primary);font-size:1.1rem}.page-module__Rr3XzG__tipDesc{color:var(--text-secondary);font-size:.88rem;line-height:1.65}.page-module__Rr3XzG__colorsSection{background-color:var(--bg)}.page-module__Rr3XzG__colorsGrid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.page-module__Rr3XzG__colorCard{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.page-module__Rr3XzG__colorCard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #1e3a8a0f}.page-module__Rr3XzG__colorBox{border-bottom:1px solid var(--border);width:100%;height:140px}.page-module__Rr3XzG__colorInfo{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.page-module__Rr3XzG__colorHeader{justify-content:space-between;align-items:center;gap:8px;display:flex}.page-module__Rr3XzG__colorName{color:var(--text-primary);font-size:1.1rem}.page-module__Rr3XzG__colorHex{color:var(--text-muted);font-family:monospace;font-size:.8rem}.page-module__Rr3XzG__colorBrand{color:var(--primary);font-size:.8rem;font-weight:600}.page-module__Rr3XzG__colorDesc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.page-module__Rr3XzG__ctaBanner{text-align:center;border-top:1px solid var(--border);background-color:#f8fafc;padding:100px 0}.page-module__Rr3XzG__ctaBanner h2{color:var(--text-primary);margin-bottom:12px;font-size:clamp(1.8rem,3vw,2.5rem)}.page-module__Rr3XzG__ctaBanner p{color:var(--text-secondary);margin-bottom:36px;font-size:1.05rem}.page-module__Rr3XzG__ctaButtons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (max-width:1200px){.page-module__Rr3XzG__colorsGrid,.page-module__Rr3XzG__tipsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.page-module__Rr3XzG__colorsGrid,.page-module__Rr3XzG__tipsGrid{grid-template-columns:1fr}}