body{font-family:Roboto,sans-serif;margin:0;padding:0;background:linear-gradient(135deg,#1e293b,#334155);min-height:100vh;color:#f8fafc}.app-container{padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.main-card{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:2.5rem;max-width:500px;width:100%;margin:2rem auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.app-title{color:#1e293b;text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:.5rem;margin-top:0}.app-subtitle{color:#64748b;text-align:center;font-size:1.1rem;margin-bottom:2rem;font-weight:400}@media (max-width: 640px){.main-card{margin:1rem;padding:1.5rem;border-radius:12px}.app-title{font-size:2rem}.app-subtitle{font-size:1rem}}