.support-page{background:linear-gradient(#fdf8f3 0%,#faf3eb 100%);min-height:100vh;padding:4rem 0 6rem}.support-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.support-hero{margin-bottom:5rem;position:relative}.hero-content{z-index:1;max-width:800px;position:relative}.hero-title{color:#1a1a1a;margin:0 0 1.5rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1.15}.hero-lead{color:#4a3a3d;margin:0 0 1rem;font-size:1.15rem;line-height:1.7}.hero-lead strong{color:#8b2635;font-weight:700}.timeline-banner{color:#fff;background:linear-gradient(135deg,#8b2635 0%,#6b1d29 100%);border-radius:20px;align-items:center;gap:2rem;margin-bottom:5rem;padding:2rem 2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 40px #8b263540}.timeline-banner:before{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;right:-50px}.timeline-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-80px;right:30px}.timeline-marker{z-index:1;background:#fff;border-radius:4px;flex-shrink:0;width:4px;height:70px}.timeline-text{z-index:1;position:relative}.timeline-text h3{opacity:.85;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin:0 0 .4rem;font-size:.85rem;font-weight:600}.timeline-text p{color:#fff;margin:0;font-size:1.4rem;font-weight:700;line-height:1.4}.section-heading{text-align:center;margin-bottom:3rem}.section-heading h2{color:#2a1a1d;margin:0 0 .75rem;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.section-heading p{color:#6b5558;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.volunteer-grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;margin-bottom:5rem;display:grid}.volunteer-card{background:#fff;border:2px solid #0000;border-radius:20px;flex-direction:column;padding:2rem;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #2a1a1d0f}.volunteer-card:before{content:"";transform-origin:0;background:linear-gradient(90deg,#8b2635,#c44757);height:5px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.volunteer-card:hover{border-color:#8b263526;transform:translateY(-6px);box-shadow:0 20px 45px #8b263526}.volunteer-card:hover:before{transform:scaleX(1)}.volunteer-card-number{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#8b2635,#6b1d29);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.25rem;font-family:Georgia,serif;font-size:1.1rem;font-weight:800;display:inline-flex}.volunteer-card-tag{letter-spacing:1.5px;color:#8b2635;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.volunteer-card h3{color:#2a1a1d;margin:0 0 .85rem;font-size:1.3rem;font-weight:700;line-height:1.3}.volunteer-card p{color:#5a4a4d;flex-grow:1;margin:0 0 1.5rem;font-size:.97rem;line-height:1.65}.volunteer-card-btn{color:#fff;background:#8b2635;border-radius:10px;align-self:flex-start;align-items:center;gap:.5rem;padding:.85rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.volunteer-card-btn:hover{background:#6b1d29;gap:.85rem}.volunteer-card-btn .arrow{transition:transform .25s;display:inline-block}.volunteer-card-btn:hover .arrow{transform:translate(3px)}.donation-section{background:#fff;border-radius:28px;margin-bottom:4rem;padding:3rem;position:relative;overflow:hidden;box-shadow:0 15px 50px #2a1a1d14}.donation-section:before{content:"";background:radial-gradient(circle,#8b263514 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;top:-100px;right:-100px}.donation-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid;position:relative}.donation-content h2{color:#2a1a1d;margin:0 0 1rem;font-size:clamp(1.8rem,2.8vw,2.3rem);font-weight:800;line-height:1.2}.achievement-tag{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border-radius:999px;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}.donation-content p{color:#4a3a3d;margin:0 0 1rem;font-size:1.05rem;line-height:1.75}.donation-content .credits{color:#6b5558;background:#8b26350d;border-left:3px solid #8b2635;border-radius:6px;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.95rem;font-style:italic}.donation-cta-area{text-align:center;background:linear-gradient(135deg,#fdf8f3 0%,#f5e8e0 100%);border:2px dashed #8b263540;border-radius:20px;flex-direction:column;align-items:center;padding:2.5rem 2rem;display:flex}.donation-cta-area h3{color:#2a1a1d;margin:0 0 .75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.donation-cta-area p{color:#5a4a4d;margin:0 0 1.5rem;font-size:.97rem;line-height:1.6}.donate-btn{color:#fff;background:linear-gradient(135deg,#8b2635 0%,#6b1d29 100%);border-radius:12px;align-items:center;gap:.6rem;padding:1rem 2rem;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #8b26354d}.donate-btn:hover{transform:translateY(-2px);box-shadow:0 15px 35px #8b263566}.donate-btn .arrow{transition:transform .25s}.donate-btn:hover .arrow{transform:translate(4px)}.student-note{background:linear-gradient(135deg,#fdf8f3 0%,#faf3eb 100%);border:2px solid #8b263526;border-radius:20px;padding:2.25rem 2.5rem;position:relative;overflow:hidden}.student-note:before{content:"";background:linear-gradient(#8b2635,#c44757);width:6px;position:absolute;top:0;bottom:0;left:0}.student-note-text h3{color:#2a1a1d;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.student-note-text p{color:#5a4a4d;margin:0;font-size:1rem;line-height:1.65}.student-note-tag{letter-spacing:1.5px;color:#8b2635;text-transform:uppercase;margin-bottom:.6rem;font-size:.75rem;font-weight:700;display:inline-block}@media (max-width:900px){.volunteer-grid{grid-template-columns:1fr}.donation-grid{grid-template-columns:1fr;gap:2rem}.donation-section{padding:2rem 1.5rem}.timeline-banner{padding:1.75rem}}@media (max-width:500px){.support-page{padding:2rem 0 4rem}.student-note{padding:1.75rem 1.5rem}.volunteer-card{padding:1.5rem}}