@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap");:root{--ink:#20212a;--muted:#6d7080;--line:#e9e8eb;--lav:#f1efff;--purple:#6256d9;--green:#dff6e9}*{box-sizing:border-box}body{margin:0;background:#faf9f7;color:var(--ink);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}.site-nav{height:82px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:48px;padding:0 28px}.brand{color:var(--ink);font-size:27px;font-weight:700;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--purple)}nav{display:flex;flex:1 1;gap:32px}.nav-admin,nav a{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}nav a.active,nav a:hover{color:var(--ink)}.nav-admin{border:1px solid var(--line);border-radius:999px;padding:10px 16px}.made-by{color:var(--muted);font-size:12px;white-space:nowrap}.admin-shell,.page-shell{max-width:1180px;margin:auto;padding:28px 28px 100px}.hero-copy{margin-bottom:32px}.eyebrow{color:#8a8791;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 15px}.hero-copy h1{font-size:clamp(28px,3vw,38px);letter-spacing:-1px;line-height:1.12;margin:0}.supporters-header h1{font-size:clamp(45px,6vw,72px);letter-spacing:-3px;line-height:.98;margin:0}.hero-copy em,.supporters-header em{color:var(--purple);font-family:Fraunces,serif;font-weight:500}.main-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}.about-card,.admin-donations,.admin-settings,.donation-card,.login-card,.supporter-list{background:#fff;border:1px solid var(--line);border-radius:28px}.about-card,.donation-card{min-height:585px;padding:42px}.about-card{background:var(--lav);display:flex;flex-direction:column}.profile-row{display:flex;align-items:center;gap:15px}.donation-card h2,.profile-row h2{font-size:25px;letter-spacing:-1px;margin:0}.profile-fallback,.profile-image{width:58px;height:58px;border-radius:50%;object-fit:cover}.profile-fallback{display:grid;place-items:center;background:#d1caff;color:var(--purple);font-weight:700}.about-text{color:#4e5060;font-size:16px;line-height:1.65;margin-top:28px}.about-text p{margin:0 0 16px}.social-links{display:flex;gap:10px;margin:4px 0 22px}.social-link{align-items:center;background:#fff;border:1px solid #ddd9f2;border-radius:10px;color:#6256d9;display:inline-flex;height:34px;justify-content:center;text-decoration:none;transition:transform .2s,background .2s;width:34px}.social-link:hover{background:#e8e4ff;transform:translateY(-2px)}.social-link svg{fill:currentColor;height:18px;width:18px}.social-link.topmate{font-size:17px;font-weight:700}.about-footer{border-top:1px solid #dcd8f3;color:#777388;display:flex;font-size:12px;justify-content:space-between;margin-top:auto;padding-top:20px}.heart{color:#ef7d91;font-size:20px}.donation-card{position:relative;overflow:hidden}.field-label{color:var(--muted);display:block;font-size:12px;font-weight:700;margin:32px 0 8px}.amount-field{align-items:center;border:1px solid var(--line);border-radius:14px;display:flex;gap:8px;height:66px;padding:0 14px}.amount-field>span{color:var(--muted);font-size:22px}.amount-field input{border:0;font-size:18px;font-weight:600;min-width:0;outline:0;width:120px}.quick-amounts{display:flex;gap:5px;margin-left:auto}.quick-amounts button{background:#f7f6f8;border:1px solid var(--line);border-radius:9px;color:#555467;font-size:12px;font-weight:600;padding:9px 10px}.message-field,.text-field{background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:14px;outline:0;padding:17px 18px;width:100%}.message-field{height:112px;resize:vertical}.message-field:focus,.text-field:focus{border-color:var(--purple)}.primary-button{background:var(--purple);border-radius:13px;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:center;margin-top:24px;padding:17px 20px;width:100%}.primary-button:hover{background:#5247c4}.secondary-button{background:#f4f3f5;border-radius:12px;color:var(--ink)}.secondary-button,.supporter-cta{font-weight:700;padding:13px 18px}.supporter-cta{align-items:center;animation:cta-float 3s ease-in-out infinite;background:#6256d9;border-radius:999px;box-shadow:0 10px 24px #6256d94d;color:#fff;display:flex;font-size:13px;gap:9px;justify-content:center;margin:20px 0 12px;text-decoration:none}.supporter-cta:hover{background:#5247c4}.cta-spark{color:#ffe18a;font-size:17px}@keyframes cta-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.form-error{color:#c84c5b;font-size:13px;margin:12px 0 0}.payment-view,.success-view{display:flex;flex-direction:column;height:100%}.back-button{align-self:flex-start;background:none;color:var(--muted);margin-bottom:30px;padding:0}.payment-note,.payment-summary{color:var(--muted);font-size:14px}.qr-wrap{align-items:center;background:#f0eef9;border:8px solid #fff;border-radius:16px;box-shadow:0 8px 25px #29233b1c;display:grid;height:205px;margin:18px auto;overflow:hidden;place-items:center;width:205px}.qr-wrap img{height:100%;object-fit:contain;width:100%}.qr-fallback{color:var(--purple);display:none;font-size:38px;font-weight:700;text-align:center}.qr-fallback small{color:var(--muted);display:block;font-size:9px;padding:10px}.payment-note{line-height:1.6;margin:0 auto;max-width:360px;text-align:center}.success-view{text-align:center}.success-icon,.success-view{align-items:center;justify-content:center}.success-icon{background:var(--green);border-radius:50%;color:#2e9a62;display:grid;font-size:34px;height:68px;margin-bottom:24px;width:68px}.success-view p:not(.eyebrow){color:var(--muted);line-height:1.6;max-width:320px}.supporters-header{max-width:650px;padding:14px 0 28px}.supporters-header h1{font-size:clamp(34px,4.5vw,52px);letter-spacing:-2px;line-height:1}.supporters-header>p:last-child{color:var(--muted);margin-top:24px}.supporter-list{max-width:760px;padding:8px 28px}.supporter-search{align-items:center;background:#faf9fb;border:1px solid var(--line);border-radius:12px;display:flex;gap:9px;margin:14px 0 4px;padding:12px 14px}.supporter-search span{color:var(--muted);font-size:22px;line-height:1;transform:rotate(-20deg)}.supporter-search input{background:transparent;border:0;color:var(--ink);flex:1 1;font-size:14px;outline:0}.supporter-search input::placeholder{color:#9b99a4}.contact-page{max-width:1180px;margin:auto;padding:52px 28px 100px}.contact-intro{max-width:700px}.contact-intro h1{font-size:clamp(42px,6vw,70px);letter-spacing:-3px;line-height:.98;margin:0}.contact-intro h1 em{color:var(--purple);font-family:Fraunces,serif;font-weight:500}.contact-intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.6;margin:24px 0 0}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-top:58px}.contact-card{animation:contact-rise .7s ease both;animation-delay:calc(var(--card-index) * .12s);border-radius:25px;color:#fff;display:flex;flex-direction:column;min-height:300px;overflow:hidden;padding:30px;position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{box-shadow:0 22px 40px #30265a2b;transform:translateY(-9px) rotate(-1deg)}.contact-linkedin{background:linear-gradient(145deg,#2c78bd,#12467f)}.contact-youtube{background:linear-gradient(145deg,#ff4d58,#b70d2b)}.contact-topmate{background:linear-gradient(145deg,#7b63e8,#392681)}.contact-icon{align-items:center;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:18px;display:flex;height:72px;justify-content:center;width:72px}.contact-icon svg{fill:currentColor;height:39px;width:39px}.contact-icon span{font-size:42px;font-weight:700}.contact-card-name{font-size:27px;font-weight:700;letter-spacing:-.8px;margin-top:auto}.contact-card-label{color:#ffffffc9;font-size:14px;margin-top:7px}.contact-arrow{align-items:center;background:#ffffff26;border-radius:50%;display:flex;font-size:22px;height:38px;justify-content:center;position:absolute;right:25px;top:25px;width:38px}.contact-orbit{border:1px solid #ffffff38;border-radius:50%;height:210px;position:absolute;right:-55px;top:-60px;width:210px}.contact-orbit:after{background:#ffffff75;border-radius:50%;content:"";height:7px;position:absolute;right:31px;top:38px;width:7px}@keyframes contact-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.supporter-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:16px;padding:22px 0}.supporter-row:last-child{border-bottom:0}.supporter-avatar{align-items:center;background:var(--lav);border-radius:50%;color:var(--purple);display:grid;font-weight:700;height:44px;justify-content:center;width:44px}.supporter-details{flex:1 1}.supporter-details h3{font-size:15px;margin:0 0 5px}.supporter-details p{color:var(--muted);font-size:13px;margin:0}.empty-state{color:var(--muted);padding:50px 10px;text-align:center}.admin-shell{padding-top:55px}.login-card{max-width:430px;padding:42px}.admin-heading h1,.login-card h1{font-size:38px;letter-spacing:-2px;margin:0 0 10px}.login-card>p:not(.eyebrow){color:var(--muted);line-height:1.5}.admin-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.admin-grid{display:grid;grid-template-columns:330px 1fr;grid-gap:24px;gap:24px}.admin-donations,.admin-settings{border-radius:22px;padding:28px}.admin-donations h2,.admin-settings h2{font-size:19px;margin:0 0 22px}.admin-settings label{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-top:18px}.admin-settings .message-field,.admin-settings .text-field{font-size:13px;margin-top:7px}.admin-settings .message-field{height:180px}.save-note{color:#34845d;font-size:13px}.section-heading{align-items:center;display:flex;justify-content:space-between}.section-heading span{color:var(--muted);font-size:12px}.admin-row{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:17px 0}.admin-row>div{flex:1 1}.admin-row strong{font-size:14px}.admin-row p{color:var(--muted);font-size:12px;margin:5px 0 0}.admin-row button,.edit-row button{background:none;color:var(--purple);font-size:12px;font-weight:700}.admin-row .danger{color:#c84c5b}.status{border-radius:999px;font-size:10px;letter-spacing:1px;padding:5px 8px;text-transform:uppercase}.status.published{background:var(--green);color:#34845d}.status.pending{background:#fff3d9;color:#a16c16}.edit-row{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;grid-template-columns:1fr 85px 1.2fr 100px auto auto;padding:12px 0}.edit-row .text-field{margin:0;padding:9px}.edit-row select{border:1px solid var(--line);border-radius:8px;padding:8px}@media (max-width:800px){.site-nav{gap:20px;padding:0 18px}.site-nav nav{gap:15px}.made-by{display:none}.admin-shell,.page-shell{padding:35px 18px 70px}.hero-copy{display:block}.admin-grid,.main-grid{grid-template-columns:1fr}.about-card,.donation-card{min-height:0;padding:28px}.donation-card{min-height:560px}.admin-heading{align-items:flex-start;gap:15px}.admin-heading h1{font-size:28px}.admin-row{flex-wrap:wrap}.admin-row>div{min-width:calc(100% - 60px)}.edit-row{grid-template-columns:1fr 1fr}.supporter-list{padding:8px 18px}.contact-page{padding:35px 18px 70px}.contact-cards{grid-template-columns:1fr;margin-top:38px}.contact-card{min-height:220px}}