:root{--section-spacing:4rem;--card-border-radius:12px;--shadow-light:0 2px 8px rgba(0, 0, 0, 0.1);--shadow-medium:0 4px 16px rgba(0, 0, 0, 0.15);--shadow-heavy:0 8px 32px rgba(0, 0, 0, 0.2);--gradient-brand:linear-gradient(135deg, var(--blurple), #4c5de6);--gradient-bg:linear-gradient(135deg, #121212, #1a1a1a)}.branding-header{text-align:center;margin-bottom:var(--section-spacing);padding:3rem 0;background:var(--gradient-bg);border-radius:var(--card-border-radius);box-shadow:var(--shadow-medium)}.section-badge{display:inline-block;background:rgba(88,101,242,.1);color:var(--blurple);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem;border:1px solid rgba(88,101,242,.2)}.branding-title{font-size:3.5rem;font-weight:800;color:var(--blurple);margin-bottom:1.5rem;margin-top:3rem;line-height:1.1}.branding-description{font-size:1.2rem;color:var(--secondary-color);max-width:800px;line-height:1.6}.brand-section{margin-bottom:var(--section-spacing);padding:3rem 0;animation:.6s forwards fadeInUp}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--blurple);border-radius:2px}.section-description{font-size:1.1rem;color:var(--secondary-color);margin-bottom:3rem;line-height:1.6;max-width:800px}.logo-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1.5rem;margin-bottom:3rem}.logo-preview{background-color:#1f1f1f;border-radius:24px;justify-content:center;align-items:center;min-height:240px;padding:2rem 3rem;display:flex;position:relative;overflow:hidden}.logo-preview.dark-bg,.logo-preview.gradient-bg,.logo-preview.light-bg{background-color:#1f1f1f}.logo-preview.white-bg{background-color:#e0e3ff}.logo-img{max-width:220px;max-height:100px;object-fit:contain;transition:transform .3s;z-index:1}.logo-info{padding:1.5rem;text-align:center}.logo-info h3{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:.5rem}.logo-info p{color:var(--secondary-color);margin-bottom:1rem;font-size:.95rem}.download-btn{display:inline-block;background:var(--blurple);color:#fff;padding:.7rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;transition:.3s;border:2px solid var(--blurple)}.download-btn:hover{background:0 0;color:var(--blurple);transform:translateY(-2px)}.download-btn-icon{background-color:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:.2s;display:flex;position:absolute;bottom:1rem;right:1rem;color:#fff;border:none;cursor:pointer;z-index:2;overflow:clip;opacity:0;transform:translateY(10px)}.logo-variant:hover .download-btn-icon{opacity:1;transform:translateY(0)}.download-btn-icon:hover{background-color:#ffffff2a;transform:scale(1.05) translateY(0)}.download-btn-icon svg{width:20px;height:20px}.logo-preview.white-bg .download-btn-icon{color:#000}.usage-guidelines{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:var(--card-border-radius);padding:2rem;margin-top:3rem}.usage-guidelines h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:1.5rem;text-align:center}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.guideline-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:8px;transition:.3s}.guideline-item.do{background:rgba(87,242,135,.1);border:1px solid rgba(87,242,135,.2)}.guideline-item.dont{background:rgba(237,66,69,.1);border:1px solid rgba(237,66,69,.2)}.guideline-item:hover{transform:translateX(8px)}.guideline-icon{font-size:1.5rem;font-weight:700;flex-shrink:0}.guideline-item.do .guideline-icon{color:var(--green)}.guideline-item.dont .guideline-icon{color:var(--red)}.guideline-item p{margin:0;color:var(--primary-color);font-weight:500}.colors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.color-card{position:relative;border-radius:var(--card-border-radius);overflow:hidden;transition:.3s;border:none}.color-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium);border-color:var(--blurple)}.color-preview{height:200px;position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s}.clickable-color:hover{transform:scale(1.02);cursor:pointer}.clickable-code{cursor:pointer;user-select:none}.color-info{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#232323;border-radius:8px;padding:1rem;backdrop-filter:blur(10px)}.color-info h3{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:.5rem}.color-codes{display:flex;flex-direction:column;gap:.3rem}.color-code{background:rgba(255,255,255,.1);color:#fff;padding:.3rem .6rem;border-radius:4px;font-family:'Courier New',monospace;font-size:.8rem;border:1px solid rgba(255,255,255,.2);transition:.3s}.color-code:hover{background:rgba(255,255,255,.2);cursor:pointer}.typography-showcase{background:rgba(255,255,255,.02);border:1px solid var(--border-color);border-radius:var(--card-border-radius);padding:2rem}.font-sample h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem}.font-name{background:rgba(255,255,255,.05);color:var(--secondary-color);padding:1rem;border-radius:6px;font-family:'Courier New',monospace;font-size:.9rem;margin-bottom:2rem;border:1px solid var(--border-color)}.font-examples{border-top:1px solid var(--border-color);padding-top:2rem}.example-h1{font-size:3rem;font-weight:800;color:var(--blurple);margin-bottom:1rem;line-height:1.2}.example-h2{font-size:2rem;font-weight:600;color:var(--primary-color);margin-bottom:1rem;line-height:1.3}.example-p{font-size:1.1rem;color:var(--secondary-color);line-height:1.6;margin:0}.contact-info{text-align:center;padding:3rem 0}.contact-btn{display:inline-block;background:var(--blurple);color:#fff;padding:1.2rem 2.5rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:.3s cubic-bezier(.25, .8, .25, 1);box-shadow:0 4px 16px rgba(88,101,242,.3);border:2px solid var(--blurple)}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(88,101,242,.4);background:0 0;color:var(--blurple)}@media (max-width:768px){.branding-title{font-size:2.5rem}.section-title{font-size:2rem}.colors-grid,.guidelines-grid,.logo-showcase{grid-template-columns:1fr}.example-h1{font-size:2.2rem}.example-h2{font-size:1.6rem}.typography-showcase,.usage-guidelines{padding:1.5rem}}@media (max-width:480px){.branding-header{padding:2rem 1rem}.branding-title{font-size:2rem}.section-title{font-size:1.8rem}.color-codes{gap:.3rem}.color-code{font-size:.8rem;padding:.3rem .6rem}.contact-btn{padding:1rem 2rem;font-size:1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.color-card:nth-child(odd){animation-delay:.1s}.color-card:nth-child(2n){animation-delay:.2s}.text-center{text-align:center}.text-left{text-align:left}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}