body{font-family:"Noto Sans SC", sans-serif;background-image:linear-gradient(135deg, rgb(255, 240, 245), rgb(240, 248, 255), rgb(245, 255, 250), rgb(250, 240, 230));background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;min-height:100vh;}.dopamine-border{border-top-width:4px;border-right-width:4px;border-bottom-width:4px;border-left-width:4px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-image-source:linear-gradient(45deg, rgb(255, 105, 180), rgb(255, 215, 0), rgb(135, 206, 235), rgb(152, 251, 152), rgb(221, 160, 221));border-image-slice:1;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;}.dopamine-shadow{box-shadow:rgba(255, 105, 180, 0.2) 0px 10px 30px, rgba(255, 215, 0, 0.2) 0px 5px 15px, rgba(135, 206, 235, 0.2) 0px 5px 15px;}.dopamine-card{background-image:linear-gradient(135deg, rgb(255, 255, 255), rgb(255, 250, 240), rgb(245, 245, 220));background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;transition-duration:0.3s;transition-timing-function:ease;transition-delay:0s;transition-behavior:normal;transition-property:all;}.dopamine-card:hover{transform:translateY(-5px);box-shadow:rgba(255, 105, 180, 0.3) 0px 15px 40px;}.cartoon-element{position:relative;}.cartoon-element::before{content:"";position:absolute;top:-10px;left:-10px;width:20px;height:20px;background-image:radial-gradient(circle, rgb(255, 105, 180), transparent 70%);background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;opacity:0.6;}.cartoon-element::after{content:"";position:absolute;bottom:-10px;right:-10px;width:15px;height:15px;background-image:radial-gradient(circle, rgb(255, 215, 0), transparent 70%);background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-right-radius:50%;border-bottom-left-radius:50%;opacity:0.6;}.floating{animation-duration:6s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:float;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.bounce{animation-duration:2s;animation-timing-function:ease-in-out;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:bounce;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.gradient-text{background-image:linear-gradient(45deg, rgb(255, 105, 180), rgb(255, 215, 0), rgb(135, 206, 235), rgb(152, 251, 152), rgb(221, 160, 221));background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hand-drawn-line{position:relative;}.hand-drawn-line::after{content:"";position:absolute;bottom:-5px;left:0px;width:100%;height:2px;background-image:linear-gradient(90deg, rgb(255, 105, 180), rgb(255, 215, 0), rgb(135, 206, 235));background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;background-color:transparent;transform:scaleX(0.8);}.cute-badge{display:inline-block;padding-top:4px;padding-right:12px;padding-bottom:4px;padding-left:12px;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;border-bottom-left-radius:20px;font-size:0.75rem;font-weight:600;}.nav-active{background-image:linear-gradient(45deg, rgb(255, 105, 180), rgb(255, 215, 0));background-position-x:0%;background-position-y:0%;background-size:auto;background-repeat:repeat;background-attachment:scroll;background-origin:padding-box;background-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}@keyframes float{0%, 100%{transform:translateY(0px);}50%{transform:translateY(-20px);}}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0px);}40%{transform:translateY(-10px);}60%{transform:translateY(-5px);}}@media (max-width: 768px){.text-5xl{font-size:2rem;}.text-4xl{font-size:1.5rem;}.text-3xl{font-size:1.25rem;}.grid{grid-template-columns:1fr !important;}.floating{animation-duration:auto;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:none;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}.bounce{animation-duration:auto;animation-timing-function:ease;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:none;animation-play-state:running;animation-name:none;animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;}}