*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:16px 0 40px}.app-container{width:100%;max-width:500px;padding:0 12px}.card{background:#fff;border-radius:12px;padding:24px 20px;box-shadow:0 10px 40px #0003}@media (min-width: 480px){.app-container{padding:0 20px}.card{padding:30px}}h1{color:#333;margin-bottom:6px;text-align:center;font-size:1.5rem}h2{color:#555;margin-bottom:20px;font-size:1.3rem}.subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:.9rem}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#555;font-weight:500}input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s}input:focus{outline:none;border-color:#667eea}button{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (hover: hover){button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}}button:active{transform:translateY(0);opacity:.9}button:disabled{background:#ccc;cursor:not-allowed;transform:none}.user-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;padding:20px;margin-bottom:20px;border-left:4px solid #667eea}.user-info h3{color:#333;margin-bottom:12px;font-size:1.2rem}.user-info p{color:#555;margin:6px 0;font-size:.95rem}.user-info p strong{color:#333;font-weight:600}.logout-button{background:#f44336;margin-bottom:20px}.logout-button:hover{box-shadow:0 5px 20px #f4433666}.error{background:#ffebee;color:#c62828;padding:12px;border-radius:6px;margin-bottom:20px;border-left:4px solid #c62828}.success{background:#e8f5e9;color:#2e7d32;padding:12px;border-radius:6px;margin-bottom:20px;border-left:4px solid #2e7d32}.loading{text-align:center;color:#666;padding:20px}.provider-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px;text-transform:uppercase}#paypal-button-container{margin-top:20px}.StripeElement{padding:12px;border:2px solid #e0e0e0;border-radius:6px;background:#fff}.StripeElement--focus{border-color:#667eea}.nmi-container{margin-top:20px}.transaction-info{background:#f5f5f5;padding:15px;border-radius:6px;margin-top:15px}.transaction-info p{margin:5px 0;color:#555}