.brand-page{min-height:100vh;min-height:100dvh;background:var(--bg-body);color:var(--text-primary);padding:var(--space-16) var(--space-6)}.brand-container{max-width:1200px;margin:0 auto}.brand-header{text-align:center;margin-bottom:var(--space-16)}.brand-header h1{font-size:var(--text-h1);font-weight:var(--font-bold);margin-bottom:var(--space-4);background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-header p{font-size:var(--text-body-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.brand-section{margin-bottom:var(--space-16)}.brand-section-title{font-size:var(--text-h3);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.brand-section-desc{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-8)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.brand-card{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:border-color var(--transition-normal)}@media (hover:hover){.brand-card:hover{border-color:var(--border-hover)}}.brand-card-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-10);min-height:200px;position:relative}.brand-card-preview.bg-dark{background:#0A0A0A}.brand-card-preview.bg-light{background:#FFFFFF}.brand-card-preview.bg-checker{background-image:linear-gradient(45deg,rgba(255,255,255,.05) 25%,transparent 0),linear-gradient(-45deg,rgba(255,255,255,.05) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.05) 0),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.05) 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:var(--bg-surface-dark)}.brand-card-preview img,.brand-card-preview svg{max-width:80%;max-height:120px;object-fit:contain}.brand-card-preview.icon-preview img{max-width:100px;max-height:100px;border-radius:var(--radius-lg)}.brand-card-info{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-subtle);background:var(--bg-card)}.brand-card-name{font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-1)}.brand-card-meta{font-size:var(--text-caption);color:var(--text-muted);margin-bottom:var(--space-3)}.brand-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.brand-download-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}@media (hover:hover){.brand-download-btn:hover{color:var(--text-primary);background:var(--bg-glass-hover);border-color:var(--border-hover)}}.brand-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.brand-color-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle)}.brand-color-swatch{height:100px}.brand-color-info{padding:var(--space-3) var(--space-4);background:var(--bg-card)}.brand-color-name{font-size:var(--text-body-sm);font-weight:var(--font-medium);margin-bottom:2px}.brand-color-value{font-size:var(--text-caption);color:var(--text-muted);font-family:monospace}.brand-type-sample{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.brand-type-label{font-size:var(--text-caption);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.1em}.brand-type-display{font-size:var(--text-display-static-md);font-weight:var(--font-semibold);line-height:1.2}.brand-guidelines{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.brand-guideline{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.brand-guideline h4{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-3)}.brand-guideline p{font-size:var(--text-body-sm);color:var(--text-secondary);line-height:1.6}.brand-do{border-left:3px solid var(--brand-green)}.brand-dont{border-left:3px solid var(--brand-red)}@media (max-width:640px){.brand-page{padding:var(--space-10) var(--space-4)}.brand-grid{grid-template-columns:1fr}.brand-colors{grid-template-columns:repeat(2,1fr)}.brand-header h1{font-size:var(--text-h3)}}