@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-fadeInOut{animation:fadeInOut 3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease forwards}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#f2f2f2;color:#333;margin:0;padding:0;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:700;color:#000}p{color:#333;font-size:1rem;line-height:1.5}button{cursor:pointer;border:none;border-radius:4px;padding:10px 20px;background-color:#0078d4;color:#fff;font-size:1rem}button:hover{background-color:#005fa3}.card{background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;padding:16px;box-shadow:0 4px 6px #0000001a}.card:hover{box-shadow:0 6px 12px #00000026}@media screen and (max-width: 768px){body{padding:0 10px}.container{padding:20px}.card{width:100%}}html,body{margin:0;padding:0;width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.ai-literacy-font-scope{font-family:Inter,Noto Sans SC,Segoe UI,sans-serif}@keyframes teachableMachineAppear{0%{opacity:0;transform:scale(.3) rotate(5deg)}50%{opacity:.8;transform:scale(1.05) rotate(-2deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sample-image-container{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.sample-image-container:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 4px 12px #007bff4d}