body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#000,#1a1a1a);line-height:1.8}.hero-small,body{color:#fff;margin:0;padding:0}.hero-small{background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url(https://images.unsplash.com/photo-1498837167922-ddd27525d352?w=1600&h=900&fit=crop) no-repeat 50%/cover;height:35vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px 10px rgba(0,0,0,.9)}.hero-small h1{font-size:2.5em;margin:0;animation:fadeInDown 1s ease}.hero-small p{font-size:1.3em;margin:20px 0;max-width:600px;color:#eee;animation:fadeIn 1.5s ease}.donation-list-section,.form-section{background-color:#1a1a1a;padding:30px;margin:40px auto;max-width:1040px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.5);color:#fff}.form-container{display:flex;flex-direction:column}.form-container input{width:100%;padding:12px 15px;margin-bottom:20px;border:1px solid #666;border-radius:8px;color:#fff;background-color:#1f1f1f;transition:border .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-container input:focus{border-color:rgba(255,204,0,.7);outline:none;background:hsla(0,0%,100%,.08);box-shadow:0 0 0 4px rgba(255,204,0,.08)}.button,.call-button{padding:14px 16px;background:linear-gradient(135deg,#fc0,#ffb300);color:#111;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.button:hover,.call-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(255,179,0,.18)}.call-button{width:-moz-fit-content;width:fit-content;font-size:.92rem;padding:12px 16px}.call-button--disabled{background:#424242;color:#bbb;cursor:default;box-shadow:none}.call-button--disabled:hover{transform:none}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.section-subtitle{margin:8px 0 0;color:#c9c9c9}.donation-cards{display:grid;grid-gap:18px;gap:18px}.donation-item{background:linear-gradient(180deg,rgba(45,45,45,.98),rgba(31,31,31,.98));padding:24px;border-radius:14px;border:1px solid #373737;box-shadow:0 10px 24px rgba(0,0,0,.28);display:flex;gap:24px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.donation-item:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,0,0,.32)}.donation-item--warning{border-color:rgba(255,204,0,.45)}.donation-item--danger{border-color:rgba(255,99,71,.55)}.donation-image-wrap{position:relative;width:150px;min-width:150px;height:150px;border-radius:12px;overflow:hidden;background-color:#111;border:1px solid #414141}.donation-image{width:100%;height:100%;object-fit:cover;display:block}.donation-item-content{flex:1 1;display:flex;flex-direction:column;gap:20px}.donation-item-content--spacious{gap:20px}.donation-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.donation-heading-stack{display:flex;flex-direction:column;gap:8px}.donation-posted-time,.donation-shared-by{margin:0 0 8px;font-size:.82rem;color:#aaa;text-transform:uppercase;letter-spacing:.04em}.donation-title{margin:0;font-size:1.2rem;color:#fff}.donation-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.donation-body{display:flex;flex-direction:column;gap:16px}.donation-progress-block{display:flex;flex-direction:column;gap:10px}.donation-progress-copy{display:flex;justify-content:space-between;gap:12px;color:#ccc;font-size:.95rem}.donation-progress-label,.donation-progress-percent{color:#ccc}.donation-progress-track{width:100%;height:10px;border-radius:999px;background-color:#2d2d2d;overflow:hidden}.donation-progress-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#fc0,#ffb300)}.donation-badge,.status-badge{flex-shrink:0;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:700}.donation-badge{background-color:rgba(255,204,0,.14);color:#fc0}.status-badge--active,.status-badge--available{background-color:rgba(76,175,80,.16);color:#9be19d}.status-badge--expired{background-color:rgba(244,67,54,.16);color:#ffb4ab}.status-badge--completed{background-color:hsla(0,0%,62%,.16);color:#ddd}.donation-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.donation-detail-row{margin:0;padding:14px 16px;border-radius:10px;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.04);color:#e1e1e1;display:flex;gap:10px;align-items:flex-start;line-height:1.5}.donation-detail-row--spacious{padding:16px}.donation-icon{display:inline-flex;min-width:20px}.expiry-row--neutral{border-color:hsla(0,0%,100%,.08)}.expiry-row--warning{background-color:rgba(255,204,0,.08);border-color:rgba(255,204,0,.22);color:#ffe082}.expiry-row--danger{background-color:rgba(244,67,54,.08);border-color:rgba(244,67,54,.22);color:#ffb4ab}.donation-note{margin:0;padding:16px;border-radius:10px;background-color:hsla(0,0%,100%,.04);color:#d4d4d4;line-height:1.6}.donation-actions{display:flex;justify-content:flex-start}.donation-actions--spaced{margin-top:4px}.empty-message{text-align:center;padding:30px 20px;color:#aaa;font-size:1.05rem;background-color:#262626;border-radius:8px;margin:10px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.donation-item{flex-direction:column;padding:22px}.donation-image-wrap{width:100%;min-width:100%;height:220px}}@media (max-width:768px){.hero-small{height:30vh;padding:15px}.hero-small h1{font-size:1.8em}.hero-small p{font-size:1em;text-align:center}.donation-list-section,.form-section{padding:20px;margin:20px auto}.donation-item-header,.section-heading{flex-direction:column;align-items:flex-start}.donation-badges{justify-content:flex-start}.donation-details-grid{grid-template-columns:1fr}.donation-body,.donation-item-content,.donation-item-content--spacious{gap:20px}}@media (max-width:480px){.hero-small h1{font-size:1.5em}.hero-small p{font-size:.9em}.donation-list-section,.form-section{padding:16px}.donation-item{padding:20px;gap:20px}.donation-body,.donation-item-content,.donation-item-content--spacious{gap:20px}.donation-details-grid{gap:14px}.button,.call-button{width:100%}}