.page-hero{padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}.page-hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(0,200,255,0.08) 0%,transparent 60%);pointer-events:none;z-index:0}.page-hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto}.page-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;letter-spacing:-0.03em}.page-hero .subtitle{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;max-width:600px;margin:0 auto}.about-mission{max-width:800px;margin:0 auto 80px;padding:40px;background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.about-mission::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient)}.about-mission h2{font-size:2rem;margin-bottom:24px;color:var(--text-primary)}.about-mission p{font-size:1.15rem;color:var(--text-secondary);line-height:1.8}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:80px}.feature-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px;transition:var(--transition);position:relative}.feature-card:hover{transform:translateY(-8px);border-color:rgba(0,200,255,0.3);box-shadow:0 20px 40px rgba(0,0,0,0.4),0 0 30px rgba(0,200,255,0.1)}.fc-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#fff}.fc-icon.creators{background:linear-gradient(135deg,#00c8ff,#0088ff);box-shadow:0 10px 20px rgba(0,200,255,0.3)}.fc-icon.users{background:linear-gradient(135deg,#00ffaa,#00c8ff);box-shadow:0 10px 20px rgba(0,255,170,0.3)}.feature-card h3{font-size:1.8rem;margin-bottom:24px}.fc-list{list-style:none;padding:0}.fc-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--text-secondary);font-size:1.05rem;line-height:1.5}.fc-list li svg{color:var(--success);flex-shrink:0;margin-top:3px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:80px}.value-card{text-align:center;padding:40px 24px;background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:var(--transition)}.value-card:hover{border-color:rgba(0,200,255,0.2);transform:translateY(-5px)}.vc-icon{margin:0 auto 20px;color:var(--accent-primary);animation:float 4s ease-in-out infinite}.value-card h3{font-size:1.3rem;margin-bottom:12px}.value-card p{color:var(--text-secondary);line-height:1.6}.about-stats{display:flex;justify-content:space-around;padding:60px 0;border-top:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);margin-bottom:80px}.stat-item{text-align:center}.stat-item h4{font-size:3rem;font-weight:900;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-item p{color:var(--text-muted);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.about-cta{text-align:center;padding:60px 0}.about-cta h2{font-size:2.5rem;margin-bottom:32px}.contact-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;margin-bottom:80px}.contact-form-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:40px}.contact-info-stack{display:flex;flex-direction:column;gap:20px}.info-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:30px;display:flex;align-items:flex-start;gap:20px;transition:var(--transition)}.info-card:hover{border-color:rgba(0,200,255,0.2);transform:translateX(5px)}.ic-icon{width:48px;height:48px;border-radius:14px;background:rgba(0,200,255,0.1);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ic-content h3{font-size:1.1rem;margin-bottom:8px}.ic-content p{color:var(--text-secondary);line-height:1.5;margin:0}.faq-section{max-width:800px;margin:0 auto 80px}.faq-section h2{text-align:center;margin-bottom:40px;font-size:2rem}.faq-accordion{display:flex;flex-direction:column;gap:16px}details.faq-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition)}details.faq-item:hover{border-color:rgba(0,200,255,0.2)}details.faq-item[open]{border-color:var(--accent-primary);box-shadow:0 4px 20px rgba(0,200,255,0.08)}summary.faq-summary{padding:24px;font-size:1.1rem;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:48px}summary.faq-summary::-webkit-details-marker{display:none}summary.faq-summary::after{content:'+';position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--accent-primary);transition:transform 0.3s ease}details.faq-item[open] summary.faq-summary::after{content:'-';transform:translateY(-50%) rotate(180deg)}.faq-content{padding:0 24px 24px;color:var(--text-secondary);line-height:1.6}.cat-browse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px 0 80px}.cat-browse-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;height:240px;background:var(--bg-tertiary)}.cat-browse-img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.4,0,0.2,1)}.cat-browse-card:hover .cat-browse-img{transform:scale(1.1)}.cat-browse-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,5,15,0.9) 0%,rgba(0,5,15,0.4) 50%,rgba(0,5,15,0.1) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;transition:var(--transition)}.cat-browse-card:hover .cat-browse-overlay{background:linear-gradient(to top,rgba(0,200,255,0.8) 0%,rgba(0,5,15,0.4) 50%,rgba(0,5,15,0.1) 100%)}.cat-browse-title{color:#fff;font-size:1.5rem;font-weight:800;margin-bottom:8px;transition:transform 0.3s ease}.cat-browse-card:hover .cat-browse-title{transform:translateY(-4px)}.cat-browse-count{display:inline-block;padding:6px 16px;background:rgba(255,255,255,0.2);backdrop-filter:blur(8px);border-radius:20px;color:#fff;font-size:0.85rem;font-weight:600;align-self:flex-start;transition:var(--transition)}.cat-browse-card:hover .cat-browse-count{background:#fff;color:#000}.admin-cat-card{cursor:default}.cat-browse-img-placeholder{display:flex !important;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));color:var(--text-muted);opacity:0.35}.cat-browse-admin-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.cat-badge-inactive{display:inline-block;padding:3px 10px;background:rgba(255,107,107,0.25);border:1px solid rgba(255,107,107,0.3);border-radius:12px;color:#ff6b6b;font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;backdrop-filter:blur(4px)}.cat-browse-desc{color:rgba(255,255,255,0.75);font-size:0.82rem;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cat-browse-actions{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;background:linear-gradient(to top,rgba(0,5,16,0.95) 0%,rgba(0,5,16,0.7) 70%,transparent 100%);display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;transform:translateY(10px);transition:all 0.35s cubic-bezier(0.4,0,0.2,1);pointer-events:none}.admin-cat-card:hover .cat-browse-actions{opacity:1;transform:translateY(0);pointer-events:auto}.cat-browse-slug{color:rgba(255,255,255,0.5);font-size:0.75rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-browse-action-btns{display:flex;gap:8px;flex-shrink:0}.cat-browse-action-btns .btn{font-size:0.78rem;padding:5px 12px;white-space:nowrap}.cat-browse-action-btns .btn-danger{background:rgba(255,107,107,0.15);border-color:rgba(255,107,107,0.3);color:#ff6b6b}.cat-browse-action-btns .btn-danger:hover{background:rgba(255,107,107,0.3);border-color:#ff6b6b;color:#fff}.admin-cat-card{height:280px}@media (max-width:768px){.admin-cat-card{height:220px}.cat-browse-actions{flex-direction:column;align-items:stretch;padding:12px 14px}.cat-browse-slug{font-size:0.7rem}.cat-browse-action-btns{justify-content:flex-end}.cat-browse-desc{display:none}}.public-profile-header{margin-top:40px;background:var(--bg-card);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:40px}.pph-cover{height:180px;background:linear-gradient(45deg,#061224,#0a1f3d,#061224);background-size:200% 200%;animation:gradientShift 4s ease infinite;position:relative}.pph-cover::before{content:'';position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/></svg>')}.pph-cover::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg-card))}.pph-content{display:flex;flex-direction:column;align-items:center;padding:0 40px 40px;margin-top:-70px;position:relative;text-align:center}.pph-avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;border:6px solid var(--bg-card);box-shadow:0 0 0 4px var(--accent-primary),0 0 30px rgba(0,200,255,0.4);margin-bottom:24px;background-color:var(--bg-tertiary)}.pph-title{font-size:2.2rem;font-weight:900;margin-bottom:12px}.pph-bio{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin-bottom:32px;line-height:1.6}.pph-stats{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.pph-stat-pill{padding:10px 24px;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:30px;display:flex;align-items:center;gap:8px;font-size:0.9rem}.pph-stat-pill strong{color:var(--text-primary);font-size:1.05rem}.pph-stat-pill span{color:var(--text-muted)}@media (max-width:992px){.about-features{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}.cat-browse-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-hero h1{font-size:2rem}.about-stats{flex-direction:column;gap:40px}.cat-browse-grid{grid-template-columns:1fr}.pph-stats{flex-direction:column;width:100%;align-items:stretch}.pph-stat-pill{justify-content:center}.page-hero{padding:40px 0 30px}.page-hero .subtitle{font-size:0.95rem}.about-mission{padding:24px 18px;margin-bottom:40px}.about-mission h2{font-size:1.4rem}.about-mission p{font-size:0.95rem}.about-features{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.feature-card{padding:24px 18px}.fc-icon{width:56px;height:56px}.feature-card h3{font-size:1.3rem}.about-values{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.value-card{padding:24px 16px}.about-stats{flex-direction:column;gap:24px;padding:40px 0;margin-bottom:40px}.stat-item h4{font-size:2rem}.about-cta{padding:40px 0}.about-cta h2{font-size:1.6rem}.contact-layout{grid-template-columns:1fr;gap:24px;margin-bottom:40px}.contact-form-card{padding:24px 18px}.info-card{padding:20px}.faq-section{margin-bottom:40px}.faq-section h2{font-size:1.4rem}summary.faq-summary{padding:16px 40px 16px 16px;font-size:0.95rem}.faq-content{padding:0 16px 16px}.cat-browse-grid{gap:16px}.cat-browse-card{height:180px}.cat-browse-title{font-size:1.2rem}.public-profile-header{margin-top:24px}.pph-cover{height:120px}.pph-content{padding:0 20px 28px;margin-top:-50px}.pph-avatar{width:100px;height:100px;border-width:4px}.pph-title{font-size:1.4rem}.pph-bio{font-size:0.9rem}.pph-stat-pill{justify-content:center;font-size:0.8rem}}@media (max-width:480px){.page-hero h1{font-size:1.6rem}.about-mission h2{font-size:1.2rem}.feature-card h3{font-size:1.1rem}.value-card h3{font-size:1.1rem}.pph-avatar{width:80px;height:80px}.pph-title{font-size:1.2rem}}@media (min-width:769px) and (max-width:1024px){.about-features{grid-template-columns:1fr}.about-values{grid-template-columns:repeat(2,1fr)}.cat-browse-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr 300px;gap:24px}}