*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial,sans-serif}body{background-color:#e5e5e5;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;display:flex;justify-content:center;align-items:center}.app-container{width:375px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden}h2{font-size:20px;font-weight:700;color:#111}p{font-size:14px;color:#6b7280;line-height:1.5}input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed33}button{cursor:pointer;transition:all .2s ease}button:active{transform:scale(.97)}.landing-page{width:375px;height:812px;background:#f7f8f9;display:flex;flex-direction:column;justify-content:center;align-items:center}