.hero-small{background:linear-gradient(rgba(0,0,0,.82),rgba(0,0,0,.82)),url(https://images.unsplash.com/photo-1488521787991-ed7bbaae773c?w=1600&h=900&fit=crop) no-repeat 50%/cover;height:35vh;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-shadow:3px 3px 10px rgba(0,0,0,.9);padding:0;margin:0;width:100%}.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}.donation-list-section h2,.form-section h2{margin:0;color:#fc0}.form-subtitle,.section-subtitle{margin:8px 0 0;color:#c9c9c9}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.form-container{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.95rem;font-weight:600;color:#f3f3f3}.form-container input,.form-container select,.form-container textarea{width:100%;padding:12px 15px;border:1px solid #666;border-radius:8px;color:#fff;background-color:#333;transition:border .2s ease,background-color .2s ease,box-shadow .2s ease;box-sizing:border-box;font:inherit}.form-container textarea{resize:vertical;min-height:110px}.form-container input:focus,.form-container select:focus,.form-container textarea: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:disabled,.form-container input:disabled,.form-container select:disabled,.form-container textarea:disabled{opacity:.7;cursor:not-allowed}.form-container input[type=file]{padding:10px 12px}.field-hint{color:#b8b8b8}.field-error,.field-hint{margin:0;font-size:.88rem}.field-error{color:#ff8a80}.status-message{margin-bottom:20px;padding:12px 14px;border-radius:8px;font-size:.95rem}.status-message.error-message{background-color:rgba(244,67,54,.12);border:1px solid rgba(244,67,54,.35);color:#ffb4ab}.status-message.success-message{background-color:rgba(92,184,92,.12);border:1px solid rgba(92,184,92,.35);color:#b9f6ca}.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:not(:disabled),.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}.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.9em}.hero-small p{font-size:1em;text-align:center}.donation-list-section,.form-section{padding:22px;margin:24px 16px}.donation-details-grid,.form-grid{grid-template-columns:1fr}.donation-item-header,.section-heading{flex-direction:column;align-items:flex-start}.donation-badges{justify-content:flex-start}.donation-body,.donation-item-content,.donation-item-content--spacious{gap:20px}}@media (max-width:480px){.hero-small h1{font-size:1.6em}.hero-small p{font-size:.95em}.donation-list-section,.form-section{padding:18px;margin:20px 12px}.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%}}