/* Proof page — reuses style.css for base theme, adds proof-specific pieces */
.proof-hero{max-width:780px;margin:0 auto;padding:130px 24px 24px;text-align:center}
.proof__badge .eyebrow{justify-content:center}
.proof__title{font-size:clamp(32px,4.4vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--white);margin-top:6px}
.proof__sub{margin-top:16px;color:var(--text-2);font-size:16px;max-width:600px;margin-left:auto;margin-right:auto}

.proof-form{max-width:640px;margin:0 auto;padding:32px 24px 80px;position:relative;z-index:2}
.proof__panel{background:linear-gradient(180deg,rgba(20,23,36,.6),rgba(13,15,22,.6));border:1px solid var(--border-2);border-radius:24px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.proof__panel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);background-size:200% 100%;animation:shimmer 6s linear infinite}
@keyframes shimmer{0%{background-position:0 0}100%{background-position:200% 0}}

.tabs{display:flex;gap:10px;margin-bottom:24px}
.tab{flex:1;text-align:center;padding:13px;border:1px solid var(--border-2);border-radius:14px;cursor:pointer;font-weight:600;color:var(--text-2);transition:border-color .2s,background .2s,color .2s,box-shadow .2s}
.tab:hover{border-color:var(--teal-2)}
.tab.active{border-color:var(--teal-2);background:rgba(20,184,166,.1);color:var(--white);box-shadow:0 0 24px rgba(45,212,191,.2)}

.tab-panel{display:none}
.tab-panel.active{display:block;animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.proof__grid{display:grid;grid-template-columns:1fr;gap:16px}

/* Dropzone */
.dropzone{width:100%;min-height:180px;border:2px dashed var(--border-2);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:border-color .2s,background .2s}
.dropzone:hover{border-color:var(--teal-2);background:rgba(20,184,166,.04)}
.dropzone.drag{border-color:var(--teal-2);background:rgba(20,184,166,.08)}
.dz-before{text-align:center;padding:24px;color:var(--text-2)}
.dz-icon{font-size:34px;margin-bottom:10px}
.dz-before strong{color:var(--white)}
.dz-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-3)}
.dz-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px}
.dz-preview img{max-width:100%;max-height:240px;border-radius:12px;border:1px solid var(--border-2)}
.dz-name{font-family:var(--mono);font-size:12px;color:var(--teal-3)}
.dropzone.has-file{border-style:solid;border-color:rgba(45,212,191,.5)}
.dropzone.has-file .dz-before{display:none}

/* Quiz */
.quiz-questions{display:grid;gap:14px;margin-top:6px}
.qitem{display:flex;flex-direction:column;gap:6px}
.qlabel{font-size:13.5px;font-weight:600;color:var(--text)}

/* Success */
#proof-success{padding:36px 10px}

.proof__note{display:flex;gap:12px;align-items:flex-start;max-width:640px;margin:20px auto 0;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;padding:16px 18px}
.proof__note-icon{font-size:22px}
.proof__note p{color:var(--text-2);font-size:13.5px}
.proof__note strong{color:var(--white)}
