.checkout-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px}.checkout-header{max-width:800px;margin:0 auto 30px}.back-button{color:#3b82f6;text-decoration:none;font-size:14px;margin-bottom:20px;display:inline-block;opacity:.8;transition:opacity .2s}.back-button:hover{opacity:1}.checkout-header h1{color:#1f2937;font-size:32px;font-weight:700;margin:0;letter-spacing:-.025em}.checkout-content{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.product-summary{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 25px rgba(0,0,0,.08);height:-moz-fit-content;height:fit-content;border:1px solid #e5e7eb;position:relative;overflow:hidden}.product-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.product-summary h2{margin:0 0 20px;color:#1f2937;font-size:20px}.product-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.product-info h3{margin:0 0 8px;color:#1f2937;font-size:16px}.product-info p{margin:0;color:#6b7280;font-size:14px;line-height:1.4}.product-price{font-size:18px}.product-price,.total-price{font-weight:600;color:#1f2937}.total-price{display:flex;justify-content:space-between;align-items:center;font-size:20px;padding-top:20px;border-top:2px solid #e5e7eb}.payment-form{background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 25px rgba(0,0,0,.08);border:1px solid #e5e7eb;position:relative;overflow:hidden}.payment-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.payment-form h2{margin:0 0 24px;color:#1f2937;font-size:20px}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500;font-size:14px}.form-group input{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .3s ease;box-sizing:border-box;background:#fafbfc;font-weight:500}.form-group input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px rgba(59,130,246,.1);transform:translateY(-1px)}.form-group input::placeholder{color:#9ca3af;font-weight:400}.agreement-section{margin:30px 0;padding-top:20px;border-top:1px solid #e5e7eb}.agreement-section h3{margin:0 0 16px;color:#1f2937;font-size:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:14px;color:#374151;padding:8px 0;border-radius:8px;transition:background-color .2s}.checkbox-label:hover{background-color:#f8fafc}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:12px;cursor:pointer;accent-color:#3b82f6}.payment-button{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:18px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px rgba(59,130,246,.3);letter-spacing:.025em}.payment-button:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}.payment-button:active{transform:translateY(0);box-shadow:0 4px 14px rgba(59,130,246,.3)}.payment-methods{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content}.payment-methods h3{margin:0 0 20px;color:#1f2937;font-size:18px}.alternative-payment{display:flex;flex-direction:column;gap:16px}.kakaopay-option{display:flex;align-items:center;padding:16px;border:2px solid #f3f4f6;border-radius:8px;cursor:pointer;transition:border-color .2s}.kakaopay-option:hover{border-color:#fbbf24}.kakaopay-logo{font-size:24px;margin-right:16px}.kakaopay-option h4{margin:0 0 4px;color:#1f2937;font-size:16px}.kakaopay-option p{margin:0;color:#6b7280;font-size:14px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.checkout-container{padding:16px}.checkout-content{max-width:100%}}