.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{font-family:Arial,sans-serif;margin:0;padding:0;background:#fff;color:#333}.container{width:80%;max-width:1100px;margin:20px auto;display:flex;flex-wrap:wrap;box-shadow:0 0 10px #0000001a}.checkout-section{flex:0 0 60%;min-width:300px}.checkout-header{background:#f8f8f8;padding:20px;text-align:center}.checkout-body{padding:20px}.section{margin-bottom:20px}.input-field{width:100%;padding:10px;margin:10px 0;box-sizing:border-box;border:1px solid #ddd}.btn{padding:10px 20px;background:#000;color:#fff;border:none;cursor:pointer;width:100%;box-sizing:border-box;margin-top:20px}.order-summary{flex:0 0 30%;padding:20px;border-left:1px solid #ddd}.order-item{margin-bottom:10px}.total{font-size:20px;font-weight:700;margin-top:20px;text-align:right}.payment-methods{display:flex;justify-content:space-between;margin:20px 0}.payment-method{flex:1;text-align:center;border:1px solid #eee;padding:16px;margin-left:7px;margin-right:7px}.payment-method img{max-width:100%;height:40px}.total{color:green}@media (max-width: 1024px){.container{flex-direction:column}.checkout-section,.order-summary{flex:0 0 100%}}@media (max-width: 768px){.container{width:95%}.btn{padding:15px 20px}.total{font-size:18px}}@media (max-width: 480px){.checkout-header h2{font-size:18px}.input-field{padding:8px}.btn{padding:12px 20px}.total{font-size:16px}.payment-methods{flex-direction:column}.payment-method{margin-bottom:10px}}#banner{background-color:#001080;height:20px;width:100%}iframe{border:1px solid #eee;width:100%;overflow:hidden}