html,body{margin:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background-color:#101827;background-image:linear-gradient(135deg,#1d1230,#101827 45%,#29133b);min-height:100vh;margin:0;font-family:Comic Sans MS,Trebuchet MS,system-ui,sans-serif}a{color:inherit}.page{isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.light-field{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.light{filter:blur(72px);opacity:.55;will-change:transform, opacity;border-radius:50%;position:absolute}.light-pink{background:radial-gradient(circle,#ff4fd8 0%,#0000 68%);width:clamp(220px,42vw,520px);height:clamp(220px,42vw,520px);animation:14s ease-in-out infinite drift-a,6s ease-in-out infinite glow-pulse;top:-8%;left:-10%}.light-cyan{background:radial-gradient(circle,#00e5ff 0%,#0000 68%);width:clamp(200px,38vw,480px);height:clamp(200px,38vw,480px);animation:16s ease-in-out infinite drift-b,7s ease-in-out 1s infinite glow-pulse;top:35%;right:-12%}.light-yellow{background:radial-gradient(circle,#ffe66d 0%,#0000 70%);width:clamp(160px,28vw,360px);height:clamp(160px,28vw,360px);animation:12s ease-in-out infinite drift-c,5s ease-in-out .5s infinite glow-pulse;bottom:8%;left:20%}.light-purple{background:radial-gradient(circle,#c77dff 0%,#0000 68%);width:clamp(180px,32vw,400px);height:clamp(180px,32vw,400px);animation:18s ease-in-out infinite reverse drift-b,8s ease-in-out 2s infinite glow-pulse;top:55%;left:-6%}.light-magenta{background:radial-gradient(circle,#ff9df2 0%,#0000 70%);width:clamp(140px,22vw,300px);height:clamp(140px,22vw,300px);animation:13s ease-in-out infinite reverse drift-c,6.5s ease-in-out 1.5s infinite glow-pulse;top:12%;right:18%}.light-teal{background:radial-gradient(circle,#7cf7ff 0%,#0000 70%);width:clamp(160px,26vw,340px);height:clamp(160px,26vw,340px);animation:15s ease-in-out infinite reverse drift-a,7.5s ease-in-out .8s infinite glow-pulse;bottom:22%;right:22%}.noise{pointer-events:none;z-index:1;opacity:.08;mix-blend-mode:overlay;background-image:linear-gradient(45deg,#fff 25%,#0000 25%),linear-gradient(-45deg,#fff 25%,#0000 25%);background-size:7px 7px;position:fixed;inset:0}.hero,.services,footer{z-index:2;position:relative}.hero{text-align:center;align-content:center;place-items:center;min-height:88vh;padding:4rem 1.25rem;display:grid;position:relative}.badge{text-transform:uppercase;letter-spacing:.08em;background:#ffffff21;border:2px dashed #fff;border-radius:999px;margin:0 0 1rem;padding:.5rem .9rem;font-size:.8rem;font-weight:900;display:inline-block;transform:rotate(-2deg);box-shadow:0 0 25px #ff9df273}h1{letter-spacing:-.1em;text-shadow:5px 5px #ff4fd8,10px 10px #00e5ff,15px 15px 30px #0006;margin:0;font-size:clamp(5rem,18vw,12rem);line-height:.85;animation:3s ease-in-out infinite wobble}h1 span{color:#ffe66d}.subtitle{color:#f8eaff;max-width:620px;margin:1.4rem auto 0;font-size:clamp(1.1rem,3vw,1.6rem)}.face{color:#ffe66d;text-shadow:0 0 20px #ffe66d;margin-top:1.2rem;font-size:3rem;font-weight:900;animation:2.5s infinite blink}.buttons{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:#ffffff1f;border:3px solid #fff;border-radius:16px;padding:.9rem 1.2rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-block;box-shadow:7px 7px #00000059}.button:hover{background:#ffffff40;transform:translate(4px,4px)rotate(1deg);box-shadow:3px 3px #00000059}.button.primary{color:#1d1230;background:#ff4fd8}.button.donate{color:#1d1230;background:#ffe66d}.button.donate:hover{background:#fff3a8}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#101827b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-panel{background:linear-gradient(135deg,#ffffff38,#ffffff0f),#1d1230f2;border:3px solid #fff;border-radius:24px;width:100%;max-width:min(520px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.5rem;overflow:auto;box-shadow:10px 10px #00000059}.modal-header{margin-bottom:0}.modal-panel h2{text-shadow:3px 3px #00e5ff,6px 6px #ff4fd8;margin:0;font-size:clamp(1.8rem,5vw,2.6rem)}.modal-subtitle{color:#f6d7ff;margin:.5rem 0 1.25rem}.modal-close{border-style:dashed;width:100%;margin-top:.65rem;font-size:.9rem;display:block}.friends-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.friend-card{background:linear-gradient(135deg,#ffffff38,#ffffff0f),#ffffff1a;border:3px solid #fff;border-radius:24px;min-height:180px;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:10px 10px #00000059}.friend-card:before{content:"mrow";opacity:.08;font-size:4rem;font-weight:900;position:absolute;bottom:-18px;right:-20px;transform:rotate(-12deg)}.friend-card:hover{border-color:#ffe66d;transform:translate(6px,6px)rotate(-1deg);box-shadow:4px 4px #00000059}.donate-form{flex-direction:column;gap:.65rem;display:flex}.donate-label{color:#ffe66d;font-size:.95rem;font-weight:900}.amount-presets{flex-wrap:wrap;gap:.5rem;display:flex}.amount-preset{color:#fff;cursor:pointer;background:#ffffff1a;border:2px solid #fff;border-radius:12px;padding:.5rem .9rem;font-family:inherit;font-size:1rem;font-weight:900;transition:background .12s,transform .12s}.amount-preset:hover{background:#ffffff38}.amount-preset.active{color:#1d1230;background:#ff4fd8;transform:rotate(-2deg)}.donate-input{color:#fff;background:#ffffff1a;border:3px solid #fff;border-radius:14px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;font-weight:700}.donate-input::placeholder{color:#f6d7ff8c}.donate-input:focus{border-color:#ffe66d;outline:none;box-shadow:0 0 0 3px #ffe66d59}.donate-textarea{resize:vertical;min-height:4.5rem}.donate-error{color:#ff9df2;margin:0;font-size:.9rem;font-weight:900}.donate-submit{width:100%;margin-top:.5rem}.donate-thanks{text-align:center;color:#ffe66d;text-shadow:0 0 20px #ffe66d;margin:2rem 0;font-size:clamp(2rem,6vw,3rem);font-weight:900;animation:3s ease-in-out infinite wobble}.cat-orbit{border:3px dotted #ffffff80;border-radius:50%;width:130px;height:130px;animation:8s linear infinite spin;position:absolute;top:12%;right:12%}.cat-orbit span{font-size:2rem;position:absolute}.cat-orbit span:first-child{top:-18px;left:45px}.cat-orbit span:nth-child(2){top:55px;right:-10px}.cat-orbit span:nth-child(3){bottom:5px;left:10px}.services{max-width:1100px;margin:0 auto;padding:4rem 1.25rem 6rem}.section-title{text-align:center;margin-bottom:2rem}.section-title h2{text-shadow:3px 3px #00e5ff,6px 6px #ff4fd8;margin:0;font-size:clamp(2.4rem,7vw,5rem)}.section-title p{color:#f6d7ff;margin-top:.6rem;font-size:1.1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.card{background:linear-gradient(135deg,#ffffff38,#ffffff0f),#ffffff1a;border:3px solid #fff;border-radius:24px;min-height:210px;padding:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block;position:relative;overflow:hidden;box-shadow:10px 10px #00000059}.card:before{content:"mrow";opacity:.08;font-size:4rem;font-weight:900;position:absolute;bottom:-18px;right:-20px;transform:rotate(-12deg)}.card:hover{border-color:#ffe66d;transform:translate(6px,6px)rotate(-1deg);box-shadow:4px 4px #00000059}.emoji{font-size:2.4rem}.card h3{margin:.8rem 0 .4rem;font-size:1.55rem}.card p{color:#f3ddff;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(.75rem,1.5vw + .5rem,1rem);line-height:1.4}.card-link{color:#ffe66d;font-weight:900;position:absolute;bottom:1.15rem;left:1.25rem}.friends-section{justify-content:center;padding:2rem 1.25rem 4rem;display:flex}.friends-button{padding:1rem 2rem;font-size:1.1rem;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}footer{text-align:center;color:#f6d7ff;padding:2rem 1rem}footer p{margin:.25rem}.tiny{opacity:.55;font-size:.8rem}@keyframes wobble{0%,to{transform:rotate(-1deg)scale(1)}50%{transform:rotate(1deg)scale(1.025)}}@keyframes blink{0%,85%,to{transform:scaleY(1)}90%{transform:scaleY(.1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4vw,-3vh)scale(1.08)}}@keyframes drift-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-3vw,4vh)scale(.92)}}@keyframes drift-c{0%,to{transform:translate(0)scale(1)}50%{transform:translate(2vw,3vh)scale(1.05)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.65}}@media (width>=1100px){.light{filter:blur(88px)}.light-extra{opacity:.5}}@media (prefers-reduced-motion:reduce){.light{opacity:.35;animation:none!important}}@media (width<=650px){.light{filter:blur(48px);opacity:.42}.light-extra{display:none}.light-pink{top:-4%;left:-18%}.light-cyan{right:-20%}.cat-orbit{display:none}.hero{min-height:80vh}.button{width:100%;max-width:320px}}