/* PCB Design Online — waxpapers.net/design-online style, PCB colors #192330 / #ffdd26 */

.sec-cup-designer{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);position:relative;overflow:hidden}.sec-cup-designer:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(255,221,38,0.05) 0%,rgba(255,221,38,0.02) 100%);z-index:0}.sec-cup-designer .container{position:relative;z-index:1}.sec-cup-designer .cup-designer-content{padding:20px 0}.sec-cup-designer .cup-designer-content .launch-badge{margin-bottom:20px}.sec-cup-designer .cup-designer-content .launch-badge .badge-text{display:inline-block;background:linear-gradient(135deg,#ffdd26 0%,#ffe566 100%);color:#000;padding:8px 20px;border-radius:30px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;-webkit-box-shadow:0 4px 15px rgba(255,221,38,0.3);box-shadow:0 4px 15px rgba(255,221,38,0.3);-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}.sec-cup-designer .cup-designer-content .launch-badge .badge-text i{margin-right:8px;-webkit-animation:bounce 1s infinite;animation:bounce 1s infinite}.sec-cup-designer .cup-designer-content .cup-designer-heading{font-size:42px;font-weight:800;color:#000;margin-bottom:20px;line-height:1.2}.sec-cup-designer .cup-designer-content .cup-designer-heading .highlight{color:#ffdd26;position:relative}.sec-cup-designer .cup-designer-content .cup-designer-heading .highlight:after{content:"";position:absolute;bottom:5px;left:0;width:100%;height:8px;background:rgba(255,221,38,0.2);z-index:-1}@media (max-width:991.98px){.sec-cup-designer .cup-designer-content .cup-designer-heading{font-size:32px}}@media (max-width:767.98px){.sec-cup-designer .cup-designer-content .cup-designer-heading{font-size:28px}}.sec-cup-designer .cup-designer-content .cup-designer-description{font-size:18px;color:#555;line-height:1.8;margin-bottom:30px}.sec-cup-designer .cup-designer-content .cup-designer-description strong{color:#ffdd26;font-weight:700}@media (max-width:767.98px){.sec-cup-designer .cup-designer-content .cup-designer-description{font-size:16px}}.sec-cup-designer .cup-designer-content .cup-designer-features{display:-ms-grid;display:grid;-ms-grid-columns:1fr 15px 1fr;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:40px}@media (max-width:767.98px){.sec-cup-designer .cup-designer-content .cup-designer-features{-ms-grid-columns:1fr;grid-template-columns:1fr}}.sec-cup-designer .cup-designer-content .cup-designer-features .feature-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 15px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.08);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.sec-cup-designer .cup-designer-content .cup-designer-features .feature-item:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 4px 15px rgba(255,221,38,0.2);box-shadow:0 4px 15px rgba(255,221,38,0.2)}.sec-cup-designer .cup-designer-content .cup-designer-features .feature-item i{color:#ffdd26;font-size:20px;width:24px;text-align:center}.sec-cup-designer .cup-designer-content .cup-designer-features .feature-item span{font-size:14px;font-weight:600;color:#000}.sec-cup-designer .cup-designer-content .cup-designer-cta{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-ms-flex-wrap:wrap;flex-wrap:wrap}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-primary{background:linear-gradient(135deg,#ffdd26 0%,#ffe566 100%);color:#000;border:none;padding:15px 35px;font-size:16px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 4px 15px rgba(255,221,38,0.3);box-shadow:0 4px 15px rgba(255,221,38,0.3)}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-primary i{margin-right:10px}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-primary:hover{background:linear-gradient(135deg,#ffe566 0%,#ffdd26 100%);-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 20px rgba(255,221,38,0.4);box-shadow:0 6px 20px rgba(255,221,38,0.4);color:#000}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-secondary{background:#fff;color:#000;border:2px solid #ffdd26;padding:15px 35px;font-size:16px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:1px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-secondary i{margin-right:10px;color:#ffdd26}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-secondary:hover{background:#ffdd26;color:#000;-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 20px rgba(255,221,38,0.3);box-shadow:0 6px 20px rgba(255,221,38,0.3)}.sec-cup-designer .cup-designer-content .cup-designer-cta .btn-cup-designer-secondary:hover i{color:#000}.sec-cup-designer .cup-designer-visual{position:relative;padding:20px}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper{background:#fff;border-radius:12px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,0.15);box-shadow:0 20px 60px rgba(0,0,0,0.15);overflow:hidden;position:relative}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header{background:linear-gradient(135deg,#192330 0%,#1a1a1a 100%);padding:15px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;border-bottom:2px solid #ffdd26}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-controls{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-controls .screen-dot{width:12px;height:12px;border-radius:50%}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-controls .screen-dot.screen-dot-red{background:#ff5f57}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-controls .screen-dot.screen-dot-yellow{background:#ffbd2e}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-controls .screen-dot.screen-dot-green{background:#28ca42}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .mockup-screen-header .screen-title-text{color:#ffdd26;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:1px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper{position:relative;text-align:center;background:#f5f5f5}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .cup-designer-image{max-width:100%;height:auto;display:block;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease,-webkit-transform 0.3s ease}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge{position:absolute;background:#fff;padding:10px 20px;border-radius:30px;-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.15);box-shadow:0 4px 15px rgba(0,0,0,0.15);font-size:13px;font-weight:700;z-index:3;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge i{color:#ffdd26;margin-right:8px}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge.badge-1{top:20px;right:50px;-webkit-animation-delay:0s;animation-delay:0s}@media (max-width:767.98px){.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge.badge-1{top:10px;right:20px;padding:8px 15px;font-size:11px}}.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge.badge-2{bottom:20px;right:100px;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media (max-width:767.98px){.sec-cup-designer .cup-designer-visual .cup-designer-mockup-wrapper .cup-designer-image-wrapper .floating-badge.badge-2{bottom:10px;right:50px;padding:8px 15px;font-size:11px}}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@-webkit-keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}

/* Upload panel — waxpapers layout, PCB theme colors (#192330 / #ffdd26) */
.upload-area .cup-designer-mockup-wrapper {
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 20px 60px rgba(25, 35, 48, 0.14) !important;
  overflow: hidden !important;
}

.upload-area .mockup-screen-header {
  background: #192330 !important;
  border-bottom: 2px solid #ffdd26 !important;
  border-radius: 0 !important;
}

.upload-area .mockup-screen-header .screen-title-text {
  color: #ffdd26 !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.upload-area .upload-tool-wrapper {
  position: relative !important;
  padding: 28px 24px 32px !important;
  background: linear-gradient(180deg, #fff 0%, #f7f8fa 100%) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.upload-area .upload-tool-wrapper::before {
  display: none !important;
}

.upload-area .upload-box,
.upload-area .upload-box-body,
.builder-area .upload-box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: 100% !important;
  text-align: center !important;
}

.upload-area .upload-box .upload-box-body > p {
  color: #192330 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin-bottom: 12px !important;
}

.upload-area .upload-dimension-note {
  color: #192330 !important;
  background: rgba(255, 221, 38, 0.2) !important;
  border: none !important;
  border-left: 4px solid #ffdd26 !important;
  text-decoration: none !important;
  display: inline-block !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  margin-bottom: 22px !important;
}

.upload-area .upload-input-wrapper .upload-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border: 2px dashed #ffdd26 !important;
  background: #fff !important;
  border-radius: 12px !important;
  padding: 30px 20px !important;
  box-shadow: 0 2px 12px rgba(25, 35, 48, 0.06) !important;
  transition: all 0.3s ease !important;
}

.upload-area .upload-input-wrapper .upload-label:hover {
  background: #fffceb !important;
  border-color: #ffdd26 !important;
  box-shadow: 0 6px 20px rgba(255, 221, 38, 0.25) !important;
}

.upload-area .upload-icon i {
  color: #ffdd26 !important;
  font-size: 40px !important;
  transition: transform 0.3s ease;
}

.upload-area .upload-input-wrapper .upload-label:hover .upload-icon i {
  transform: scale(1.1);
}

.upload-area .upload-text {
  color: #192330 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
}

.upload-area .upload-subtext,
.upload-area .file-name-text,
.upload-area .file-status {
  color: #5c6770 !important;
}

.upload-area .btn-browse-file,
.upload-area .btn-browse-file:focus {
  display: inline-block !important;
  margin-top: 16px !important;
  padding: 12px 32px !important;
  background: #ffdd26 !important;
  color: #192330 !important;
  border: 2px solid #ffdd26 !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(255, 221, 38, 0.35) !important;
  transition: all 0.3s ease;
}

.upload-area .btn-browse-file:hover {
  background: #192330 !important;
  color: #ffdd26 !important;
  border-color: #192330 !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(25, 35, 48, 0.25) !important;
}

.upload-area .upload-highlight-tags .upload-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 18px !important;
  background: #fff !important;
  border: 1px solid rgba(25, 35, 48, 0.12) !important;
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #192330 !important;
  box-shadow: 0 3px 12px rgba(25, 35, 48, 0.06) !important;
}

.upload-area .upload-highlight-tags .upload-tag i {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 26px !important;
  height: 26px !important;
  background: #ffdd26 !important;
  border-radius: 50% !important;
  color: #192330 !important;
  font-size: 12px !important;
}

/* Left marketing — theme text colors (yellow = accent, not body text) */
.upload-area.sec-cup-designer .cup-designer-heading {
  color: #192330 !important;
}

.upload-area.sec-cup-designer .cup-designer-heading .highlight {
  color: #192330 !important;
}

.upload-area.sec-cup-designer .cup-designer-heading .highlight:after {
  background: #ffdd26 !important;
  opacity: 0.55;
  height: 10px !important;
}

.upload-area.sec-cup-designer .cup-designer-description {
  color: #5c6770 !important;
}

.upload-area.sec-cup-designer .cup-designer-description strong {
  color: #192330 !important;
}

.upload-area.sec-cup-designer .launch-badge .badge-text {
  background: #ffdd26 !important;
  color: #192330 !important;
  box-shadow: 0 4px 15px rgba(255, 221, 38, 0.35) !important;
}

.upload-area.sec-cup-designer .feature-item {
  color: #192330 !important;
}

.upload-area.sec-cup-designer .feature-item span {
  color: #192330 !important;
}

.upload-area.sec-cup-designer .feature-item i {
  color: #ffdd26 !important;
}

/* Builder chrome */
.builder-area .template-heading {
  background: #ffdd26 !important;
  color: #192330 !important;
}

.builder-area .controls .btn-controls {
  background: #ffdd26 !important;
  color: #192330 !important;
}

.builder-area .controls .btn-controls:hover {
  background: #192330 !important;
  color: #ffdd26 !important;
}

.builder-area .controls .btn-controls:hover i {
  color: #192330 !important;
}

.builder-area .templates-box,
.builder-area .main-paper-box,
.builder-area .form-area {
  border-color: #ffdd26 !important;
}

.builder-area .form-area .btn-submit {
  background: #ffdd26 !important;
  color: #192330 !important;
}

.builder-area .form-area .btn-submit:hover {
  background: #192330 !important;
  color: #ffdd26 !important;
}

.builder-area .height-box,
.builder-area .width-box {
  background-color: #ffdd26 !important;
}

.builder-area .height-box p,
.builder-area .width-box p {
  color: #192330 !important;
}