:root{--cg-purple: #7C3AED;--cg-teal: #14B8A6;--cg-blue: #3B82F6;--cg-gradient: linear-gradient(135deg, #7C3AED, #3B82F6, #14B8A6);--cg-white: #ffffff;--cg-gray-50: #f8fafc;--cg-gray-100: #f1f5f9;--cg-gray-300: #cbd5e1;--cg-gray-500: #64748b;--cg-gray-700: #334155;--cg-gray-900: #0f172a;--cg-shadow: 0 20px 60px rgba(0,0,0,.08);--cg-shadow-hover: 0 30px 80px rgba(124,58,237,.15);--cg-radius: 20px;--cg-radius-sm: 12px}.cg-wrapper{max-width:760px;margin:0 auto;padding:40px 20px 80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.cg-header{text-align:center;margin-bottom:48px}.cg-header-badge{display:inline-block;background:var(--cg-gradient);color:#fff;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:6px 18px;border-radius:100px;margin-bottom:16px}.cg-header h1{font-size:clamp(28px,5vw,42px);font-weight:900;color:var(--cg-gray-900);margin:0 0 12px;line-height:1.1}.cg-header p{font-size:16px;color:var(--cg-gray-500);margin:0}.cg-progress{display:flex;align-items:center;justify-content:center;margin-bottom:40px;gap:0}.cg-step-item{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.cg-step-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;border:3px solid var(--cg-gray-300);background:#fff;color:var(--cg-gray-300);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.cg-step-item.active .cg-step-circle{background:var(--cg-gradient);border-color:transparent;color:#fff;box-shadow:0 8px 24px #7c3aed59;transform:scale(1.1)}.cg-step-item.completed .cg-step-circle{background:var(--cg-teal);border-color:transparent;color:#fff}.cg-step-label{font-size:11px;font-weight:600;color:var(--cg-gray-300);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cg-step-item.active .cg-step-label,.cg-step-item.completed .cg-step-label{color:var(--cg-purple)}.cg-step-line{flex:1;height:3px;background:var(--cg-gray-300);margin:0 8px 24px;transition:background .3s;min-width:40px}.cg-step-line.completed{background:var(--cg-teal)}.cg-card{background:var(--cg-white);border-radius:var(--cg-radius);box-shadow:var(--cg-shadow);padding:40px;margin-bottom:24px}.cg-card-title{font-size:22px;font-weight:800;color:var(--cg-gray-900);margin:0 0 8px}.cg-card-subtitle{font-size:14px;color:var(--cg-gray-500);margin:0 0 32px}.cg-field{margin-bottom:20px}.cg-label{display:block;font-size:13px;font-weight:700;color:var(--cg-gray-700);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.cg-label span{color:var(--cg-purple)}.cg-input{width:100%;padding:14px 18px;border:2px solid var(--cg-gray-100);border-radius:var(--cg-radius-sm);font-size:15px;color:var(--cg-gray-900);background:var(--cg-gray-50);transition:all .2s;box-sizing:border-box;outline:none}.cg-input:focus{border-color:var(--cg-purple);background:#fff;box-shadow:0 0 0 4px #7c3aed14}.cg-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cg-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:8px}.cg-game-btn{padding:16px 12px;border:2px solid var(--cg-gray-100);border-radius:var(--cg-radius-sm);background:var(--cg-gray-50);cursor:pointer;text-align:center;transition:all .2s;font-size:13px;font-weight:700;color:var(--cg-gray-700)}.cg-game-btn .cg-game-icon{font-size:28px;display:block;margin-bottom:8px}.cg-game-btn:hover{border-color:var(--cg-purple);background:#fff}.cg-game-btn.selected{border-color:var(--cg-purple);background:linear-gradient(135deg,#7c3aed14,#14b8a614);color:var(--cg-purple);box-shadow:0 4px 16px #7c3aed26}.cg-grader-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px}.cg-grader-btn{padding:20px;border:2px solid var(--cg-gray-100);border-radius:var(--cg-radius-sm);background:var(--cg-gray-50);cursor:pointer;text-align:left;transition:all .2s}.cg-grader-name{font-size:20px;font-weight:900;color:var(--cg-gray-900);display:block;margin-bottom:4px}.cg-grader-desc{font-size:12px;color:var(--cg-gray-500);display:block}.cg-grader-btn:hover{border-color:var(--cg-purple);background:#fff}.cg-grader-btn.selected{border-color:var(--cg-purple);background:linear-gradient(135deg,#7c3aed14,#14b8a614);box-shadow:0 4px 16px #7c3aed26}.cg-grader-btn.selected .cg-grader-name{color:var(--cg-purple)}.cg-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.cg-delivery-btn{padding:24px 20px;border:2px solid var(--cg-gray-100);border-radius:var(--cg-radius-sm);background:var(--cg-gray-50);cursor:pointer;text-align:center;transition:all .2s}.cg-delivery-icon{font-size:32px;display:block;margin-bottom:10px}.cg-delivery-title{font-size:15px;font-weight:800;color:var(--cg-gray-900);display:block;margin-bottom:4px}.cg-delivery-desc{font-size:12px;color:var(--cg-gray-500);display:block}.cg-delivery-btn.selected{border-color:var(--cg-purple);background:linear-gradient(135deg,#7c3aed14,#14b8a614);box-shadow:0 4px 16px #7c3aed26}.cg-delivery-btn.selected .cg-delivery-title{color:var(--cg-purple)}.cg-upload-zone{border:2px dashed var(--cg-gray-300);border-radius:var(--cg-radius-sm);padding:32px;text-align:center;cursor:pointer;transition:all .2s;background:var(--cg-gray-50)}.cg-upload-zone:hover,.cg-upload-zone.dragover{border-color:var(--cg-purple);background:#7c3aed0a}.cg-upload-icon{font-size:40px;display:block;margin-bottom:12px}.cg-upload-text{font-size:15px;font-weight:700;color:var(--cg-gray-700);display:block;margin-bottom:4px}.cg-upload-hint{font-size:13px;color:var(--cg-gray-500)}.cg-photo-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:16px}.cg-photo-preview{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:1}.cg-photo-preview img{width:100%;height:100%;object-fit:cover}.cg-photo-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;line-height:1}.cg-step{display:none}.cg-step.active{display:block}.cg-btn-row{display:flex;gap:12px;justify-content:flex-end;margin-top:32px}.cg-btn{padding:14px 28px;border-radius:var(--cg-radius-sm);font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.cg-btn-primary{background:var(--cg-gradient);color:#fff;box-shadow:0 4px 16px #7c3aed4d}.cg-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #7c3aed66}.cg-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cg-btn-secondary{background:var(--cg-gray-100);color:var(--cg-gray-700)}.cg-btn-secondary:hover{background:var(--cg-gray-300)}.cg-summary-grid{display:flex;flex-direction:column;gap:0;border:2px solid var(--cg-gray-100);border-radius:var(--cg-radius-sm);overflow:hidden;margin-bottom:24px}.cg-summary-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--cg-gray-100)}.cg-summary-row:last-child{border-bottom:none}.cg-summary-key{font-size:13px;font-weight:700;color:var(--cg-gray-500);text-transform:uppercase;letter-spacing:.5px}.cg-summary-val{font-size:15px;font-weight:600;color:var(--cg-gray-900);text-align:right}.cg-error-msg{display:none;background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;margin-top:16px}.cg-success{text-align:center;padding:60px 40px}.cg-success-icon{font-size:64px;display:block;margin-bottom:24px;animation:cgPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes cgPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cg-success h2{font-size:32px;font-weight:900;color:var(--cg-gray-900);margin:0 0 12px}.cg-success p{font-size:16px;color:var(--cg-gray-500);margin:0 0 32px}.cg-request-number{display:inline-block;font-size:28px;font-weight:900;background:var(--cg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:16px 32px;border:3px solid;border-image:var(--cg-gradient) 1;border-radius:12px;margin-bottom:40px;letter-spacing:2px}.cg-next-steps{text-align:left;background:var(--cg-gray-50);border-radius:var(--cg-radius-sm);padding:24px;margin-bottom:32px}.cg-next-steps h3{font-size:14px;font-weight:700;color:var(--cg-gray-500);text-transform:uppercase;letter-spacing:1px;margin:0 0 16px}.cg-next-step-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:14px;color:var(--cg-gray-700)}.cg-next-step-item:last-child{margin-bottom:0}.cg-step-num{width:24px;height:24px;background:var(--cg-gradient);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}@media(max-width:600px){.cg-card{padding:24px 20px}.cg-row{grid-template-columns:1fr}.cg-game-grid{grid-template-columns:repeat(3,1fr)}.cg-delivery-grid{grid-template-columns:1fr}.cg-btn-row{flex-direction:column}.cg-btn{width:100%;justify-content:center}.cg-grader-grid{grid-template-columns:1fr}}.cg-card-entry{border:2px solid #f1f5f9;border-radius:16px;padding:20px;margin-bottom:16px;background:#fafafa}.cg-card-entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cg-card-entry-num{font-size:14px;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:.05em}.cg-card-remove-btn{background:none;border:1px solid #fca5a5;color:#ef4444;border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.cg-card-remove-btn:hover{background:#fef2f2}
/*# sourceMappingURL=/cdn/shop/t/65/assets/card-grading-form.css.map */
