.page-hero{padding:calc(72px + var(--space-16)) 0 var(--space-16);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg) 100%);text-align:center}.page-hero-content{max-width:800px;margin:0 auto}.page-title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}@media(max-width:480px){.page-hero{padding:calc(72px + var(--space-8)) 0 var(--space-8)}.page-hero-content{padding:0 var(--space-2)}.page-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.page-subtitle{font-size:var(--font-size-base)}}@media(min-width:768px){.page-title{font-size:var(--font-size-5xl)}.page-subtitle{font-size:var(--font-size-xl)}}.benefits-grid{display:grid;gap:var(--space-6)}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.benefit-card:hover{border-color:var(--color-primary);transform:translateY(-4px)}.benefit-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-glow);border-radius:var(--radius-lg);color:var(--color-primary);margin-bottom:var(--space-4)}.benefit-card h3{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.benefit-card p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media(min-width:640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits-grid{grid-template-columns:repeat(3,1fr)}}.partnership-tiers{background:var(--color-bg-secondary)}.partnership-grid{display:grid;gap:var(--space-6)}.partnership-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.partnership-card:hover{border-color:var(--color-primary)}.partnership-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.partnership-header h3{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.partnership-level{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.partnership-benefits{margin-bottom:var(--space-6)}.partnership-benefits li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-text-secondary)}.partnership-benefits li:before{content:"✓";color:var(--color-success);font-weight:var(--font-weight-bold);flex-shrink:0}.partnership-card .btn{width:100%}@media(min-width:768px){.partnership-grid{grid-template-columns:repeat(3,1fr)}}.current-partners{background:var(--color-bg)}.testimonials-grid{display:grid;gap:var(--space-6)}.testimonial-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.testimonial-card:hover{border-color:var(--color-primary)}.testimonial-card p{font-size:var(--font-size-lg);font-style:italic;color:var(--color-text);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.testimonial-card footer{margin-top:var(--space-4)}.testimonial-card cite{font-size:var(--font-size-sm);font-style:normal;color:var(--color-primary)}@media(min-width:768px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.partnership-form-section{background:var(--color-bg-secondary)}.form-wrapper{max-width:700px;margin:0 auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.form-header{text-align:center;margin-bottom:var(--space-8)}.form-header h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.form-header p{color:var(--color-text-muted)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-textarea{resize:vertical;min-height:120px}.form-row{display:grid;gap:var(--space-4)}@media(min-width:480px){.form-row{grid-template-columns:repeat(2,1fr)}}.btn-block{width:100%;margin-top:var(--space-6)}.form-note{text-align:center;margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.about-content{display:grid;gap:var(--space-12)}.about-section{max-width:800px;margin:0 auto}.about-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.about-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.about-section p:last-child{margin-bottom:0}.mission-box{background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow-glow)}.mission-box h2{font-size:var(--font-size-xl);margin-bottom:var(--space-4);color:var(--color-primary)}.mission-box p{font-size:var(--font-size-lg);color:var(--color-text);line-height:var(--line-height-relaxed);max-width:700px;margin:0 auto}.team-grid{display:grid;gap:var(--space-6);margin-top:var(--space-8)}.team-member{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center}.team-member h3{font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.team-role{color:var(--color-primary);font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.team-bio{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}@media(min-width:640px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.team-grid{grid-template-columns:repeat(3,1fr)}}.legal-content{max-width:800px;margin:0 auto}.legal-section{margin-bottom:var(--space-12)}.legal-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.legal-section h3{font-size:var(--font-size-lg);margin-top:var(--space-6);margin-bottom:var(--space-3)}.legal-section p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.legal-section ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.legal-section li{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-2);position:relative}.legal-section li:before{content:"•";color:var(--color-primary);position:absolute;left:calc(var(--space-6) * -1)}.legal-highlight{background:var(--color-surface);border-left:4px solid var(--color-primary);padding:var(--space-6);margin:var(--space-6) 0;border-radius:0 var(--radius-lg) var(--radius-lg) 0}.legal-highlight p{margin-bottom:0;color:var(--color-text)}.contact-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;margin-top:var(--space-12)}.contact-box h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.contact-box p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.contact-box a{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.contact-info-grid .contact-box{text-align:center}.contact-email{color:var(--color-accent);text-decoration:none;transition:opacity .2s}.contact-email:hover{opacity:.8}.form-success,.form-error{text-align:center;padding:var(--space-8)}.form-success .success-icon{color:var(--color-accent);margin-bottom:var(--space-4)}.form-success h3,.form-error h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.form-success p,.form-error p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.form-error h3,.form-error .success-icon{color:#ef4444}@media(max-width:480px){.benefit-card{padding:var(--space-4)}.benefit-icon{width:44px;height:44px;margin-bottom:var(--space-3)}.benefit-card h3{font-size:var(--font-size-base)}.benefit-card p{font-size:var(--font-size-xs)}.partnership-card{padding:var(--space-4)}.partnership-header h3{font-size:var(--font-size-lg)}.partnership-level{font-size:var(--font-size-xl)}.partnership-benefits li{font-size:var(--font-size-sm)}.testimonial-card{padding:var(--space-4)}.testimonial-card p{font-size:var(--font-size-base)}.form-wrapper{padding:var(--space-4)}.form-header h2{font-size:var(--font-size-xl)}.form-input,.form-select,.form-textarea{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm)}.about-section h2{font-size:var(--font-size-xl)}.about-section p{font-size:var(--font-size-sm)}.mission-box{padding:var(--space-4)}.mission-box h2{font-size:var(--font-size-lg)}.mission-box p{font-size:var(--font-size-base)}.team-member{padding:var(--space-4)}.team-member h3{font-size:var(--font-size-base)}.legal-section h2{font-size:var(--font-size-xl)}.legal-section h3{font-size:var(--font-size-base)}.legal-section p,.legal-section li{font-size:var(--font-size-sm)}.legal-highlight,.contact-box{padding:var(--space-4)}.contact-box h3{font-size:var(--font-size-lg)}.contact-box p{font-size:var(--font-size-sm)}}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:260px;background:var(--color-bg-secondary, #12121a);border-right:1px solid var(--color-border, #2a2a3a);overflow-y:auto;z-index:200;transition:transform .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--color-border, #2a2a3a)}.sidebar-logo{color:var(--color-text, #f5f5f7);font-size:1.25rem;font-weight:700;text-decoration:none}.sidebar-nav{padding:1rem 0}.nav-section{padding:.5rem 1.5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted, #71717a);margin-top:1rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:var(--color-text-secondary, #a1a1aa);text-decoration:none;font-size:.9rem;transition:all .2s ease}.nav-item:hover{background:#ffffff0d;color:var(--color-text, #f5f5f7)}.nav-item.active{background:#f59e0b1a;color:var(--color-primary, #f59e0b);border-left:3px solid var(--color-primary, #f59e0b)}.main-content{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.content-header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-bg, #0a0a0f);border-bottom:1px solid var(--color-border, #2a2a3a);z-index:100}.header-left{display:flex;align-items:center;gap:1rem}.header-left h1{font-size:1.25rem;font-weight:600}.header-right{display:flex;align-items:center;gap:1rem}.content-body{flex:1;padding:1.5rem}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-text, #f5f5f7);border-radius:1px;transition:all .2s ease}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0}.menu-toggle{display:flex}.content-header{padding:.75rem 1rem}.header-left h1{font-size:1rem}.content-body{padding:1rem}.admin-only,.coordinator-only{display:none}}@media(max-width:480px){.header-right{gap:.5rem}.header-right .btn{padding:.5rem .75rem;font-size:.75rem}.user-name{display:none}.content-body{padding:.75rem}}@media(max-width:768px){.sidebar.active:before{content:"";position:fixed;inset:0;background:#00000080;z-index:-1}}
