:root{--primary-pink: #e85b97;--primary-blue: #4db8ff;--dark-bg: #1a1a2e;--dark-gray: #333;--medium-gray: #666;--light-gray: #f5f5f5}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Oooh Baby,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;position:relative;color:#333}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span{background:linear-gradient(135deg,#e85b97,#4db8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;font-family:Oooh Baby,cursive}body{overflow-x:hidden}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffc0cb1a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e85b97,#4db8ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d63d7f,#2da8ff)}:focus-visible{outline:2px solid var(--primary-pink);outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-pink);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{max-width:600px;margin:0 auto;padding:0 16px}@media (max-width: 480px){body{font-size:16px}h1{font-size:32px}h2{font-size:26px}h3{font-size:22px}p{font-size:16px;line-height:1.6}}