.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.link{font-size:1.5rem;font-weight:700;color:#2563eb;text-decoration:none;transition:color .3s ease}.link:hover{color:#1d4ed8}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;font-size:1.5rem;font-weight:700;transition:opacity .2s ease}.brand-link:hover{opacity:.9}.brand-logo{width:32px;height:32px;object-fit:contain}.brand-text{font-size:1.5rem;font-weight:700;color:#2563eb}@media (max-width: 768px){.brand-logo{width:28px;height:28px}.brand-text{font-size:1.25rem}}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{color:#4b5563;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:#2563eb}.logout-button{background-color:#ef4444;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background-color:#dc2626}.nav-links span{color:#4b5563;font-weight:500}.campaign-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.campaign-image-wrapper{width:100%;height:200px;overflow:hidden;background-color:#f8fafc;display:flex;align-items:center;justify-content:center}.campaign-image{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.campaign-card:hover .campaign-image{transform:scale(1.05)}.campaign-content{padding:1.5rem}.campaign-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.campaign-story{color:#6b7280;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.campaign-progress{display:flex;align-items:center;gap:.25rem}.campaign-raised{color:#2563eb;font-weight:600;font-size:1.1rem}.campaign-goal{color:#9ca3af;font-size:1rem}.home-page-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.slideshow-section{width:100%;height:400px;background:linear-gradient(to right,#2563eb,#1d4ed8);border-radius:16px;margin-bottom:3rem}.campaigns-section{margin-top:2rem}.section-heading{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:2rem;position:relative}.section-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background-color:#2563eb;border-radius:2px}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem 0}.campaign-card-link{text-decoration:none;color:inherit;display:block}@media (max-width: 768px){.home-page-container{padding:1rem}.slideshow-section{height:300px;margin-bottom:2rem}.campaigns-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.section-heading{font-size:1.75rem}}@media (max-width: 480px){.campaigns-grid{grid-template-columns:1fr}.slideshow-section{height:250px}}.slide-content{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:linear-gradient(45deg,#2563eb,#1d4ed8);padding:2rem}.slide-content h2{font-size:3rem;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.slide-content p{font-size:1.5rem;max-width:600px;line-height:1.6;opacity:.9}.main-show{position:relative;max-width:100%;margin:0 auto}.slides-cont{border-radius:2rem;display:flex;overflow-y:hidden;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth;box-shadow:0 1.5rem 3rem -.75rem #00000040;scrollbar-width:none}.slide-item{width:100%;scroll-snap-align:start;flex:1 0 100%}.slides-cont>.slide-item{flex:1 0 100%;scroll-snap-align:start;object-fit:cover}.slider-nav{display:flex;column-gap:1rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);z-index:1}.slider-nav>a{width:.75rem;height:.75rem;border-radius:50%;background-color:#3b3b3b;opacity:.75;transition:opacity ease .26s}.slider-nav>a:hover{opacity:1}@media (max-width: 768px){.slide-content h2{font-size:2rem}.slide-content p{font-size:1.2rem}}.create-campaign-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d}.create-campaign-title{font-size:2rem;color:#1f2937;margin-bottom:2rem;text-align:center;position:relative}.create-campaign-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:#2563eb;border-radius:2px}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:1rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#f9fafb}.form-input:focus,.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background-color:#fff}.form-textarea{min-height:150px;resize:vertical}.file-input-container{position:relative;margin-bottom:1.5rem}.file-input{width:100%;padding:1rem;border:2px dashed #e5e7eb;border-radius:8px;cursor:pointer;transition:all .3s ease}.file-input:hover{border-color:#2563eb;background-color:#2563eb0d}.submit-button{width:100%;padding:1rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.image-url-input{display:flex;gap:10px;margin-bottom:10px}.add-url-button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.image-urls-list{margin-top:10px}.image-url-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background-color:#f5f5f5;margin-bottom:5px;border-radius:4px}.remove-url-button{padding:4px 8px;background-color:#f44;color:#fff;border:none;border-radius:4px;cursor:pointer}@keyframes loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.submit-button:disabled{animation:loading 1.5s infinite}@media (max-width: 768px){.create-campaign-container{margin:1rem;padding:1.5rem}.create-campaign-title{font-size:1.75rem}}.donation-progress-bar-container{width:80%}.donation-progress-container{background-color:#e5e7eb;border-radius:12px;overflow:hidden;height:30px;position:relative;box-shadow:inset 0 2px 4px #0000001a}.donation-progress-bar{background:linear-gradient(90deg,#2563eb,#5f7ed1);height:100%;transition:width .6s ease-in-out;border-radius:12px}.donation-progress-text{position:absolute;width:100%;text-align:center;font-size:1rem;font-weight:600;top:50%;left:0;transform:translateY(-50%);color:#171b20;text-shadow:0 1px 2px rgba(255,255,255,.8);z-index:1}.donation-amounts{display:flex;justify-content:space-between;margin-bottom:.5rem}.amount-raised{color:#2563eb;font-weight:600}.amount-goal{color:#6b7280}.comments-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.current-comment-input{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;resize:vertical;min-height:100px;margin-bottom:1rem;transition:border-color .3s ease}.current-comment-input:focus{outline:none;border-color:#2563eb}.comment-submit-button{padding:.75rem 1.5rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .3s ease}.comment-submit-button:hover{background-color:#1d4ed8}.all-comments{background-color:#f8fafc;padding:1.5rem;border-radius:8px;margin-bottom:1rem}.comment-user{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.comment-user-photo{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment-user span{color:#1f2937;font-weight:600}.campaign-page-container{max-width:1200px;margin:2rem auto;padding:0 2rem}.campaign-page-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:2rem;border-bottom:3px solid #2563eb;padding-bottom:.5rem}.campaign-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.campaign-creator{margin:1rem 0 2rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.creator-name{color:#2563eb;font-weight:600}.creator-date{color:#6b7280;font-size:.9rem;margin-top:.5rem}.campaign-images{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:1rem}.current-image{width:100%;max-height:400px;object-fit:contain;background-color:#f8fafc;border-radius:8px}.campaign-story{font-size:1.1rem;line-height:1.8;color:#4b5563}.donation-section{display:flex;align-items:center;gap:2rem;margin:2rem 0;padding:2rem;background-color:#f8fafc;border-radius:12px;box-shadow:0 2px 4px #0000000d}.campaign-progress{flex:1}.donate-button{padding:1rem 3rem;font-size:1.2rem;font-weight:600;color:#fff;background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.donate-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 6px #2563eb33}.donate-button-disabled{opacity:.7;background:#ccc;cursor:pointer}.donate-button-disabled:hover{background:#bbb}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}@media (max-width: 768px){.campaign-content-wrapper{grid-template-columns:1fr}.campaign-title{font-size:2rem}.donation-section{flex-direction:column}.donate-button{width:100%}}.delete-campaign-wrapper{margin:2rem 0;padding:1.5rem;background-color:#fee2e2;border-radius:12px;border:1px solid #fecaca}.delete-campaign-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:600;color:#dc2626;background-color:#fff;border:2px solid #dc2626;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.delete-campaign-button:hover{color:#fff;background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 6px #dc262633}.delete-campaign-button:active{transform:translateY(0)}@media (max-width: 768px){.delete-campaign-wrapper{margin:1.5rem 0;padding:1rem}.delete-campaign-button{padding:.75rem;font-size:1rem}}.donate-page-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.donate-title{font-size:2.5rem;color:#2d3436;margin-bottom:2rem;text-align:center;font-weight:700}.donate-head{font-size:1.3rem;color:#2d3436;margin-bottom:2rem;text-align:center;font-weight:700}.campaign-summary{background:#f8f9fa;padding:2rem;border-radius:12px;margin-bottom:2rem}.campaign-title{font-size:1.8rem;color:#2d3436;margin-bottom:1rem;font-weight:600}.campaign-story{font-size:1.1rem;color:#636e72;line-height:1.6}.donation-input-group{margin:2rem 0}.donation-label{display:block;font-size:1.2rem;color:#2d3436;margin-bottom:.8rem;font-weight:500}.donation-input{width:100%;padding:1rem;font-size:1.2rem;border:2px solid #e0e0e0;border-radius:8px;transition:border-color .3s ease;outline:none}.donation-input:focus{border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.donate-button-final{width:100%;padding:1rem;font-size:1.2rem;font-weight:600;color:#fff;background:#00b894;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.donate-button:hover{background:#00a884;transform:translateY(-2px);box-shadow:0 4px 12px #00b89433}.donate-button:active{transform:translateY(0)}@media (max-width: 768px){.donate-page-container{margin:1rem;padding:1.5rem}.donate-title{font-size:2rem}.campaign-title{font-size:1.5rem}.campaign-story{font-size:1rem}}.donate-button:disabled{background:#b2bec3;cursor:not-allowed;transform:none}.donation-input-group{position:relative}.donation-input:focus+.donation-label{color:#00b894}.donation-input.error{border-color:#ff7675}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.donation-success{animation:successPulse .3s ease-in-out}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem}.profile-title{font-size:2.5rem;color:#2d3436;text-align:center;margin-bottom:2rem;font-weight:700}.profile-form{background:#fff;padding:2rem;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-image{width:150px;height:150px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 4px 12px #00000026;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.profile-input{width:100%;max-width:400px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;outline:none}.profile-input:focus{border-color:#00b894;box-shadow:0 0 0 3px #00b8941a}.profile-save-button{background:#00b894;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.profile-save-button:hover{background:#00a884;transform:translateY(-2px);box-shadow:0 4px 12px #00b89433}.profile-save-button:active{transform:translateY(0)}.profile-campaigns{display:grid;gap:2rem}.profile-campaigns h3{font-size:1.8rem;color:#2d3436;margin-bottom:1rem;font-weight:600}.campaigns-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;list-style:none;padding:0}.campaign-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:all .3s ease}.campaign-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.campaign-card h4{font-size:1.2rem;color:#2d3436;margin-bottom:1rem;font-weight:600}.campaign-card p{color:#636e72;margin:.5rem 0;font-size:1rem}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:50vh;font-size:1.5rem;color:#2d3436}@media (max-width: 768px){.profile-container{padding:1rem}.profile-title{font-size:2rem}.campaigns-list{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.profile-loading:after{content:"";display:inline-block;width:20px;height:20px;margin-left:10px;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid #00b894;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-input.error{border-color:#ff7675}.profile-input.success{border-color:#00b894}select.profile-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:12px auto;padding-right:40px}.login-container,.signup-container{max-width:400px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.login-form,.signup-form{display:flex;flex-direction:column;gap:1rem}input{padding:.75rem;border:1px solid #e5e7eb;border-radius:.375rem;font-size:1rem;transition:border-color .3s ease}input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}button[type=submit]{background-color:#2563eb;color:#fff;padding:.75rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}button[type=submit]:hover{background-color:#1d4ed8}.google-login-button,.google-signup-button{width:100%;padding:.75rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:background-color .3s ease}.google-login-button:hover,.google-signup-button:hover{background-color:#f3f4f6}.divider{height:1px;background-color:#e5e7eb;margin:1rem 0}.signup-link{display:block;text-align:center;color:#4b5563;text-decoration:none;margin-top:1.5rem;padding:.75rem;font-size:.95rem;transition:all .3s ease;border-radius:8px}.signup-link:hover{color:#2563eb;background-color:#f3f4f6}.signup-link:active{transform:translateY(1px)}