*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(135deg,#f8fafc,#eef2ff);color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}@media(max-width:768px){body{background:#f8fafc}}.app-container{width:100%;min-height:100vh;padding:30px 20px}.app-header{text-align:center;margin-bottom:30px}.app-header h1{font-size:2.5rem;color:#111827;margin-bottom:10px}.app-header p{color:#6b7280;font-size:1.1rem}.app-footer{text-align:center;margin-top:50px;padding:20px;color:#6b7280;font-size:14px}@media(max-width:768px){.app-container{padding:20px 12px}.app-header h1{font-size:2rem}}