.fundraiser-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000014;transition:transform .2s ease,box-shadow .2s ease}.fundraiser-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000001f}.fundraiser-card img{width:100%;height:160px;object-fit:cover;display:block}.fundraiser-card h3{margin:12px;font-size:1rem;line-height:1.3}.fundraiser-card a{text-decoration:none;color:inherit}.progress-section{margin-top:12px}.progress-bar{height:10px;width:100%;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#facc15,#f59e0b);transition:width .4s ease}.progress-fill.goal-reached{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-info{display:flex;justify-content:space-between;font-size:.85rem;margin-top:6px;color:#374151}.goal-badge{margin-top:6px;font-size:.8rem;font-weight:600;color:#16a34a}.meta{margin:8px 0 2px;font-size:.85rem;color:#6b7280}.status{font-size:.85rem;font-weight:600;margin-bottom:10px}.status.open{color:#16a34a}.status.closed{color:#ef4444}.home{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#f6f9fc,#eef3f8);padding-bottom:60px}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#2b6cb01f,#fff);border-bottom-left-radius:40px;border-bottom-right-radius:40px}.hero-inner{position:relative;max-width:1100px;margin:0 auto;padding:110px 20px 90px}.hero-content{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center}.hero-brand{font-size:4rem;font-weight:900;letter-spacing:-1px;margin-bottom:14px;transform:translateY(-6px)}.hero-title{font-size:1.85rem;font-weight:650;margin:0 0 26px}.hero-subtitle{font-size:1.1rem;line-height:1.7;color:var(--color-muted);margin:0 auto;max-width:680px}.hero-actions{display:flex;justify-content:center;gap:14px;margin-top:42px;flex-wrap:wrap}.cta-primary,.cta-secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .2s ease,opacity .2s ease}.cta-primary{background:var(--color-accent);color:#fff;animation:pawPulse 2.6s infinite}.cta-primary:hover{transform:translateY(-3px);opacity:.95;animation:none}.cta-secondary{background:#ffffffd9;border:2px solid var(--color-primary);color:var(--color-primary)}.cta-secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-3px)}@keyframes pawPulse{0%{box-shadow:0 0 #f9735b73}70%{box-shadow:0 0 0 14px #f9735b00}to{box-shadow:0 0 #f9735b00}}.hero-pets{position:absolute;inset:0;pointer-events:none;z-index:1}.pet{position:absolute;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none;filter:drop-shadow(0 14px 26px rgba(0,0,0,.14));opacity:.95}.pet-1{top:7%;left:5%;width:110px;transform:rotate(-6deg);opacity:.85}.pet-2{top:30%;left:-4%;width:150px}.pet-3{bottom:-6%;left:20%;transform:translate(-50%);width:210px}.pet-4{top:9%;right:6%;width:110px;transform:rotate(8deg);opacity:.85}.pet-5{top:52%;right:-2%;width:190px}.section-head{text-align:center;margin:80px auto 20px;max-width:720px;padding:0 20px;position:relative}.section-head:before{content:"";display:block;width:60px;height:4px;background:var(--color-accent);margin:0 auto 20px;border-radius:999px}.section-head h2{font-size:2.2rem;font-weight:800}.section-head p{color:var(--color-muted);font-size:1rem}#fundraiser-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:32px;max-width:1200px;margin:32px auto;background:#ffffffa6;border-radius:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(max-width:768px){.hero-inner{padding:90px 18px 70px}.hero-brand{font-size:3.2rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:1rem}.pet-2,.pet-5{display:none}.pet-3{width:160px;bottom:-5%}}:root{--color-primary: #2B6CB0;--color-accent: #F9735B;--color-success: #38A169;--color-danger: #E53E3E;--color-bg: #F7FAFC;--color-text: #1A202C;--color-muted: #718096;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-bg);color:var(--color-text)}a{color:var(--color-primary);text-decoration:none;font-weight:500}a:hover{opacity:.8}button{background-color:var(--color-accent);color:#fff;border:none;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:.2s ease}button:hover{opacity:.9}button.danger{background-color:var(--color-danger)}.auth-card{width:100%;max-width:420px;background:#ffffffbf;border-radius:24px;padding:28px;box-shadow:0 20px 50px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06)}.auth-page{min-height:calc(100vh - 64px);display:grid;place-items:center;padding:40px 16px;background:linear-gradient(180deg,#f6f9fc,#eef3f8)}.auth-card{width:100%;max-width:440px;background:#ffffffbf;border-radius:24px;padding:28px;box-shadow:0 20px 50px #0000000f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.06)}.auth-title{margin:0 0 8px;font-size:1.6rem;font-weight:800;color:#111827}.auth-subtitle{margin:0 0 20px;color:#6b7280;font-size:.95rem}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:6px}.auth-label{font-size:.9rem;font-weight:600;color:#374151}.auth-input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;outline:none}.auth-input:focus{border-color:#4f46e58c;box-shadow:0 0 0 4px #4f46e51f}.auth-button{margin-top:6px;padding:12px 14px;border:none;border-radius:12px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca)}.auth-button:hover{filter:brightness(1.03)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-footer{margin-top:16px;text-align:center;font-size:.9rem;color:#6b7280}.auth-footer a{color:#4338ca;font-weight:700;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{margin:6px 0 0;padding:10px 12px;border-radius:12px;background:#ef444414;color:#991b1b;border:1px solid rgba(239,68,68,.2);font-size:.9rem}.auth-hint{font-size:.8rem;color:#6b7280}.create-page{max-width:720px;margin:0 auto;padding:24px}.create-form{display:flex;flex-direction:column;gap:14px}.create-form label{display:flex;flex-direction:column;gap:6px}.create-form input,.create-form textarea{padding:10px;font-size:16px}.checkbox-row{flex-direction:row!important;align-items:center;gap:10px!important}.error-box{background:#ffe5e5;padding:12px;border:1px solid #ffb3b3;margin:12px 0}.notfound-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.notfound-cat{width:220px;margin-bottom:30px;filter:drop-shadow(0 18px 35px rgba(0,0,0,.15))}.notfound-title{font-size:3rem;font-weight:900;margin-bottom:16px}.notfound-text{font-size:1.2rem;margin-bottom:10px}.notfound-subtext{font-size:1rem;color:var(--color-muted);margin-bottom:30px}.notfound-button{padding:14px 28px;border-radius:999px;background:var(--color-accent);color:#fff;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.notfound-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001f}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:1000}.nav-user{font-weight:600;color:var(--color-primary);padding:8px 12px;border-radius:999px;background:#2b6cb014}.nav-logout{padding:10px 16px;border-radius:999px;border:0;background:#e53e3e1f;color:#e53e3e;font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease}.nav-logout:hover{transform:translateY(-2px);background:#e53e3e2e}.nav-left{display:flex;align-items:center;gap:28px}.nav-left a{text-decoration:none;font-weight:600;color:var(--color-primary);transition:color .2s ease}.nav-left a:hover{color:var(--color-accent)}.nav-register{padding:8px 18px;border-radius:999px;background:var(--color-accent);color:#fff!important;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.nav-register:hover{transform:translateY(-2px);box-shadow:0 8px 18px #f9735b59}.nav-right{display:flex;align-items:center;gap:10px}.nav-logo{width:34px;height:auto}.nav-brand{font-size:1.4rem;font-weight:900;letter-spacing:-.5px}.brand-primary{color:var(--color-primary)}.brand-accent{color:var(--color-accent)}.nav-burger{display:none;margin-left:10px;width:44px;height:40px;border:0;border-radius:12px;background:#2b6cb014;cursor:pointer;padding:10px}.nav-burger span{display:block;height:2px;margin:6px 0;background:var(--color-primary);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.nav-burger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-burger.is-open span:nth-child(2){opacity:0}.nav-burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-overlay{position:fixed;inset:0;background:#00000040;z-index:900}@media(max-width:820px){.navbar{padding:14px 18px}.nav-user{text-align:center}.nav-logout{width:100%}.nav-left{position:fixed;top:72px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#fffffff7;border:1px solid rgba(0,0,0,.06);border-radius:18px;z-index:950}.nav-left.is-open{display:flex}.nav-left a{padding:12px;border-radius:12px;background:#2b6cb00f}.nav-register{display:block;text-align:center;background:var(--color-accent)}.nav-burger{display:inline-block}}