:root{--m-banana: #FFE135;--m-madang: #A8E6CF;--m-barbie: #FFB7B2;--m-cream: #FFFAF0;--m-brown: #5C4A4D;--m-brown-light: #7A6568;--jelly-ease: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.m-body{background-color:var(--m-cream);color:var(--m-brown);font-family:Nunito,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.m-main-content{flex:1;display:flex;flex-direction:column;width:100%;position:relative;z-index:2;padding-top:100px}::selection{background-color:var(--m-barbie);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--m-cream)}::-webkit-scrollbar-thumb{background:var(--m-barbie);border-radius:5px}.m-bg-glows{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.m-glow{position:absolute;width:50vw;height:50vw;border-radius:50%;filter:blur(100px);opacity:.4}.m-glow-1{top:-10%;left:-10%;background:var(--m-banana);animation:mFloat 10s infinite alternate ease-in-out}.m-glow-2{top:40%;right:-10%;background:var(--m-madang);animation:mFloat 15s infinite alternate-reverse ease-in-out}.m-glow-3{bottom:-10%;left:20%;background:var(--m-barbie);animation:mFloat 12s infinite alternate ease-in-out}@keyframes mFloat{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(5%,5%)}}.m-header{position:fixed;top:20px;left:50%;transform:translate(-50%);width:90%;max-width:1000px;background:#ffffffbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.9);border-radius:40px;padding:12px 24px;z-index:1000;box-shadow:0 10px 30px #a8e6cf66;transition:transform .5s var(--jelly-ease),opacity .5s ease}.m-header-container{display:flex;justify-content:space-between;align-items:center}.m-brand{font-size:1.5rem;font-weight:900;color:var(--m-brown);text-decoration:none;display:flex;align-items:center;gap:8px;transition:transform .3s var(--jelly-ease)}.m-brand:hover{transform:scale(1.05) rotate(-2deg)}.m-sparkle{display:inline-block;animation:mTwinkle 2s infinite alternate}@keyframes mTwinkle{0%{transform:scale(.9) rotate(-10deg);opacity:.8}to{transform:scale(1.1) rotate(10deg);opacity:1}}.m-nav-desktop{display:flex;gap:28px}.m-nav-desktop a{font-weight:800;color:var(--m-brown);text-decoration:none;transition:all .3s var(--jelly-ease);display:inline-block}.m-nav-desktop a:hover{color:#ff8ba7;transform:translateY(-3px) scale(1.05)}.m-btn-header{background:var(--m-banana);color:var(--m-brown);padding:10px 24px;border-radius:30px;font-weight:900;text-decoration:none;box-shadow:0 4px #e5c92f;transition:all .3s var(--jelly-ease);display:inline-block}.m-btn-header:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px #e5c92f}.m-btn-header:active{transform:translateY(4px) scale(.98);box-shadow:0 0 #e5c92f;transition:all .1s}.m-footer{position:relative;background:var(--m-madang);color:var(--m-brown);margin-top:auto;padding-top:60px;z-index:5}.m-footer-wave{position:absolute;top:-49px;left:0;width:100%;height:50px;overflow:hidden}.m-footer-wave svg{width:100%;height:100%;transform-origin:bottom;animation:waveBreathe 4s ease-in-out infinite alternate}.m-footer-wave path{fill:var(--m-madang)}@keyframes waveBreathe{0%{transform:scaleY(1)}to{transform:scaleY(1.2)}}.m-footer-inner{padding:0 24px 40px;text-align:center;display:flex;flex-direction:column;gap:40px;max-width:1200px;margin:0 auto}.m-footer-brand h3{font-size:2.5rem;font-weight:900;margin-bottom:12px}.m-footer-brand p{max-width:700px;margin:0 auto;font-size:1.05rem;line-height:1.6}.m-footer-directories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:left;background:#ffffff4d;padding:30px;border-radius:24px;border:2px dashed rgba(255,255,255,.5)}.m-footer-col h4{font-size:1.2rem;font-weight:900;margin-bottom:16px;color:var(--m-brown)}.m-footer-col a{display:block;color:var(--m-brown-light);text-decoration:none;font-weight:800;margin-bottom:12px;transition:all .3s var(--jelly-ease)}.m-footer-col a:hover{color:var(--m-brown);transform:translate(8px) scale(1.02)}.m-footer-bottom{border-top:2px solid rgba(255,255,255,.4);padding-top:20px}.m-copyright{font-size:.95rem;font-weight:600;opacity:.8}@media(max-width:768px){.m-nav-desktop{display:none}.m-btn-header{font-size:.9rem;padding:8px 16px}.m-footer-directories{text-align:center}.m-footer-col a:hover{transform:translateY(-4px) scale(1.05)}}