.brand-kit-page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);padding-bottom:100px}.brand-header{text-align:center;border-bottom:1px solid var(--border-glass);background:radial-gradient(circle at 100% 0,#6c63ff26,#0000 50%),radial-gradient(circle at 0 100%,#00d9a61a,#0000 50%);padding:140px 0 80px}.brand-title{font-size:5.5rem;font-family:var(--font-heading);margin-bottom:var(--space-xs);letter-spacing:-.04em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.brand-tagline{color:var(--text-secondary);letter-spacing:.01em;max-width:600px;margin:0 auto;font-size:1.25rem;font-weight:400}.brand-section{border-bottom:1px solid var(--border-glass);padding:100px 0}.section-label{text-transform:uppercase;letter-spacing:.3em;color:var(--primary);margin-bottom:var(--space-sm);opacity:.8;font-size:.7rem;font-weight:800;display:block}.section-heading{font-size:3rem;font-family:var(--font-heading);margin-bottom:var(--space-2xl);letter-spacing:-.02em;font-weight:700}.section-description{color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:800px;font-size:1.1rem;line-height:1.7}.color-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.color-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-base),border-color var(--transition-base);overflow:hidden}.color-card:hover{border-color:var(--primary);transform:translateY(-8px)}.color-swatch{width:100%;height:180px;position:relative}.color-swatch:after{content:"";background:linear-gradient(#0000,#0003);position:absolute;inset:0}.color-info{padding:var(--space-xl)}.color-name{margin-bottom:var(--space-md);color:var(--text-primary);font-size:1.2rem;font-weight:700}.color-value{color:var(--text-secondary);margin-bottom:var(--space-xs);border-radius:var(--radius-sm);background:#ffffff08;justify-content:space-between;align-items:center;padding:8px 12px;font-family:JetBrains Mono,Courier New,monospace;font-size:.85rem;display:flex}.color-value span:first-child{opacity:.5;font-weight:500}.typo-container{gap:var(--space-3xl);flex-direction:column;display:flex}.typo-sample{border-left:2px solid var(--border-color);padding-left:var(--space-xl)}.typo-spec{align-items:center;gap:var(--space-xl);margin-bottom:var(--space-lg);display:flex}.typo-name{color:var(--text-primary);font-size:5rem;font-weight:800;line-height:1}.typo-details{color:var(--text-tertiary);font-size:.9rem}.typo-alphabet{word-break:break-all;color:var(--text-primary);font-size:2.5rem;line-height:1.2}.assets-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.asset-card{background:var(--bg-tertiary);border-radius:var(--radius-xl);padding:var(--space-3xl);border:1px solid var(--border-glass);min-height:250px;transition:all var(--transition-base);flex-direction:column;justify-content:center;align-items:center;display:flex}.asset-card:hover{background:var(--bg-card);border-color:var(--primary)}.asset-card.light{background:#f8f9fa;border:none}.asset-card.light .navbar-logo{filter:invert(.1)}.asset-label{margin-top:var(--space-xl);color:var(--text-tertiary);font-family:monospace;font-size:.75rem}.component-showcase{gap:var(--space-2xl);background:var(--bg-glass);padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--border-glass);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.showcase-item{gap:var(--space-md);flex-direction:column;display:flex}.showcase-label{color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:.8rem}@media print{.navbar,.btn-float,footer{display:none!important}.brand-kit-page{color:#000!important;background:#fff!important}.brand-section{page-break-after:always;border-bottom:1px solid #eee!important}.color-card,.asset-card{box-shadow:none!important;background:#fff!important;border:1px solid #ddd!important}.color-value{background:#f5f5f5!important}}