@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap";
.plan-assignment-page{--pma-primary:#213342;--pma-primary-hover:#3a5a6f;--pma-secondary:#4e6f8a;--pma-ink:#1e293b;--pma-muted:#1e293ba6;--pma-cream:#f3eee4;--pma-cream-light:#f8f5f0;--pma-card:#fff;--pma-border:#2133421a;--pma-white:#fdfcfb;--pma-shadow-sm:0 4px 12px #2133420f;--pma-shadow-md:0 12px 32px #2133421a;--pma-shadow-lg:0 20px 48px #21334224;--pma-space-xs:.5rem;--pma-space-sm:1rem;--pma-space-md:1.5rem;--pma-space-lg:2.5rem;--pma-space-xl:4rem;--pma-space-2xl:6rem;--pma-radius-sm:12px;--pma-radius-md:18px;--pma-radius-lg:24px;background:var(--pma-cream-light);color:var(--pma-ink);margin:-1rem;padding:0;font-family:Inter,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}.plan-assignment-page section{padding:0}.plan-assignment-page section[id]{scroll-margin-top:5rem}.plan-assignment-page h1,.plan-assignment-page h2,.plan-assignment-page h3{margin:0;font-weight:700;line-height:1.2;font-family:Playfair Display,Times New Roman,serif!important}.plan-assignment-page p{margin:0}.plan-assignment-page a{color:inherit;text-decoration:none}.pma-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.pma-section-header{max-width:720px;margin:0 auto var(--pma-space-xl);text-align:center}.pma-eyebrow{color:var(--pma-primary);letter-spacing:.02em;margin-bottom:var(--pma-space-md);background:#4e6f8a1f;border-radius:999px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;display:inline-block}.pma-eyebrow--inverse{color:#fdfcfbe6;background:#fdfcfb1f}.pma-heading{color:var(--pma-ink);letter-spacing:-.02em;margin-bottom:var(--pma-space-sm);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-heading--inverse{color:var(--pma-white)}.pma-lead{color:var(--pma-muted);max-width:600px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.7;display:block;text-align:center!important;margin-left:auto!important;margin-right:auto!important}.plan-assignment-page p.pma-lead,.pma-section-header p.pma-lead,.pma-section-header .pma-lead,.pma-pain .pma-lead,.pma-pain p.pma-lead,.pma-impact .pma-lead,.pma-impact p.pma-lead,.pma-features .pma-lead,.pma-features p.pma-lead,.pma-steps .pma-lead,.pma-steps p.pma-lead{text-align:center!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.pma-lead--inverse{color:#fdfcfbb3}.pma-subheading{color:var(--pma-ink);margin-bottom:var(--pma-space-sm);font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-icon-shell{border-radius:var(--pma-radius-sm);width:52px;height:52px;color:var(--pma-primary);background:#21334214;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pma-icon-shell--inverse{color:var(--pma-white);background:#fdfcfb1f}.pma-icon-shell--accent{color:var(--pma-secondary);background:#4e6f8a26}.plan-assignment-page .pma-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:28px;height:28px}.plan-assignment-page .pma-icon--sm{width:20px;height:20px}.pma-ai-tag{color:var(--pma-secondary);font-size:.85rem;font-weight:700}.plan-assignment-page .pma-button{border-radius:var(--pma-radius-sm);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.plan-assignment-page .pma-button-primary{background:var(--pma-primary);color:var(--pma-white);box-shadow:var(--pma-shadow-sm)}.plan-assignment-page .pma-button-primary:hover{background:var(--pma-primary-hover);box-shadow:var(--pma-shadow-md);transform:translateY(-2px)}.plan-assignment-page .pma-button-ghost{color:var(--pma-primary);border-color:var(--pma-border);background:0 0}.plan-assignment-page .pma-button-ghost:hover{background:#2133420a}.plan-assignment-page .pma-button-light{background:var(--pma-white);color:var(--pma-primary);box-shadow:var(--pma-shadow-sm)}.plan-assignment-page .pma-button-light:hover{background:#fdfcfbe6}.plan-assignment-page .pma-button-outline-light{color:var(--pma-white);background:0 0;border-color:#fdfcfb59}.plan-assignment-page .pma-button-outline-light:hover{background:#fdfcfb14}.plan-assignment-page .pma-button-icon{width:16px;height:16px}.plan-assignment-page .pma-button-icon-stroke{stroke:currentColor;stroke-width:2.5px;fill:none}.pma-hero{background:#fff;width:100%;padding-left:0;padding-right:0;position:relative;overflow:hidden;padding-top:clamp(7rem,10vw,8rem)!important;padding-bottom:clamp(5rem,12vw,8rem)!important}.pma-hero>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-hero:before{content:"";pointer-events:none;background:radial-gradient(at 25% 10%,#4e6f8a1f,#0000 50%),radial-gradient(at 75% 90%,#21334214,#0000 50%);position:absolute;inset:0}.pma-hero:after{content:"";opacity:.5;pointer-events:none;background-image:linear-gradient(#21334208 1px,#0000 1px),linear-gradient(90deg,#21334208 1px,#0000 1px);background-size:100px 100px;position:absolute;inset:0}.pma-hero-grid{z-index:1;align-items:center;gap:clamp(2rem,5vw,4rem);max-width:100%;display:grid;position:relative}.pma-hero-content{flex-direction:column;display:flex}.pma-hero-title{letter-spacing:-.025em;color:var(--pma-ink);margin-bottom:1rem;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.1;font-family:Playfair Display,Times New Roman,serif!important}.pma-hero-brand{text-transform:uppercase;letter-spacing:.25em;color:var(--pma-secondary);margin-bottom:var(--pma-space-lg);margin-top:0;font-family:Inter,Segoe UI,sans-serif;font-size:clamp(.75rem,1.2vw,.9rem);font-weight:600;display:block}.pma-hero-text{max-width:560px;color:var(--pma-muted);margin-bottom:clamp(2rem,4vw,3rem);font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.7}.pma-hero-actions{gap:var(--pma-space-sm);margin-top:var(--pma-space-md);flex-wrap:wrap;display:flex}.pma-hero-highlight{color:var(--pma-secondary)}.pma-hero-media{z-index:1;animation:.7s .15s both pma-fade-up;position:relative}.pma-plan-preview{background:var(--pma-card);border-radius:var(--pma-radius-lg);border:1px solid var(--pma-border);padding:var(--pma-space-md);box-shadow:var(--pma-shadow-lg);gap:var(--pma-space-sm);display:grid}.pma-plan-header{justify-content:space-between;align-items:center;gap:var(--pma-space-sm);display:flex}.pma-plan-title{color:var(--pma-ink);font-size:1rem;font-weight:600}.pma-plan-subtitle{color:var(--pma-muted);margin-top:.2rem;font-size:.8rem}.pma-plan-chip{color:var(--pma-secondary);text-transform:uppercase;letter-spacing:.03em;background:#4e6f8a1f;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:600}.pma-plan-tasks{gap:.6rem;display:grid}.pma-plan-task{background:var(--pma-cream-light);border-radius:var(--pma-radius-sm);border:1px solid #2133420f;grid-template-columns:14px 1fr auto;align-items:center;gap:.7rem;padding:.5rem .7rem;display:grid}.pma-plan-task p{color:var(--pma-ink);font-size:.9rem;font-weight:600}.pma-plan-time{color:var(--pma-muted);font-size:.75rem}.pma-plan-hours{color:var(--pma-primary);font-size:.8rem;font-weight:600}.pma-task-status{background:#21334240;border-radius:999px;width:8px;height:8px}.pma-task-status--complete{background:var(--pma-primary)}.pma-task-status--active{background:var(--pma-secondary);box-shadow:0 0 0 3px #4e6f8a33}.pma-task-status--upcoming{background:#21334240}.pma-plan-footer{gap:.5rem;display:grid}.pma-plan-progress{background:#2133421a;border-radius:999px;height:6px;overflow:hidden}.pma-plan-progress span{background:var(--pma-secondary);border-radius:999px;height:100%;display:block}.pma-plan-footer-meta{color:var(--pma-muted);justify-content:space-between;font-size:.8rem;display:flex}.pma-plan-footer-meta strong{color:var(--pma-primary)}.pma-floating-card{background:var(--pma-card);border-radius:var(--pma-radius-md);border:1px solid var(--pma-border);box-shadow:var(--pma-shadow-md);align-items:center;gap:.75rem;padding:.85rem 1rem;animation:5s ease-in-out infinite pma-float;display:flex;position:absolute;bottom:-3rem;left:-1rem}.pma-floating-stat{color:var(--pma-ink);font-size:1.5rem;font-weight:700}.pma-floating-label{color:var(--pma-muted);font-size:.8rem}.pma-pain{background:var(--pma-primary);width:100%;color:var(--pma-white);padding-left:0;padding-right:0;position:relative;overflow:hidden;padding-top:clamp(3.5rem,6vw,4.5rem)!important;padding-bottom:clamp(3.5rem,6vw,4.5rem)!important}.pma-pain>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-pain:before{content:"";pointer-events:none;background:radial-gradient(at 10% 20%,#fdfcfb0f,#0000 50%),radial-gradient(at 90% 80%,#fdfcfb0a,#0000 50%);position:absolute;inset:0}.pma-pain-grid{z-index:1;gap:var(--pma-space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid;position:relative}.pma-pain-card{border-radius:var(--pma-radius-md);padding:var(--pma-space-md);background:#fdfcfb0f;border:1px solid #fdfcfb1a;gap:.6rem;animation:.6s both pma-fade-up;display:grid}.pma-pain-card:first-child{animation-delay:.1s}.pma-pain-card:nth-child(2){animation-delay:.15s}.pma-pain-card:nth-child(3){animation-delay:.2s}.pma-pain-card:nth-child(4){animation-delay:.25s}.pma-pain-card h3{color:var(--pma-white);font-size:1.05rem;font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-pain-card p{color:#fdfcfbb3;font-size:.9rem;line-height:1.6}.pma-pain-stat{align-items:baseline;gap:.25rem;font-size:2rem;font-weight:700;display:flex}.pma-pain-stat span{opacity:.75;font-size:.9rem;font-weight:500}.pma-pain-caption{color:#fdfcfb80;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.pma-pain-band{margin-top:var(--pma-space-lg);gap:var(--pma-space-md);border-radius:var(--pma-radius-lg);padding:var(--pma-space-md);z-index:1;background:#fdfcfb0f;border:1px solid #fdfcfb1a;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid;position:relative}.pma-pain-band-item{text-align:center}.pma-pain-band-item span{margin-bottom:.4rem;font-size:1.6rem;font-weight:700;display:block}.pma-pain-band-item p{color:#fdfcfbb3;font-size:.9rem}.pma-impact{background:var(--pma-cream-light);width:100%;padding-left:0;padding-right:0;padding-top:clamp(3.5rem,6vw,4.5rem)!important;padding-bottom:clamp(3.5rem,6vw,4.5rem)!important}.pma-impact>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-impact-grid{gap:var(--pma-space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.pma-card{background:var(--pma-card);border:1px solid var(--pma-border);border-radius:var(--pma-radius-lg);padding:var(--pma-space-lg);box-shadow:var(--pma-shadow-sm);gap:var(--pma-space-sm);display:grid}.pma-card-title{color:var(--pma-ink);font-size:1.15rem;font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-card-subtitle{color:var(--pma-muted);font-size:.9rem}.pma-bar-chart{margin-top:var(--pma-space-sm);gap:.85rem;display:grid}.pma-bar-row{color:var(--pma-ink);grid-template-columns:110px 1fr 60px;align-items:center;gap:.75rem;font-size:.9rem;display:grid}.pma-bar-track{background:#2133421a;border-radius:999px;height:8px;overflow:hidden}.pma-bar-fill{border-radius:999px;height:100%}.pma-bar-fill--muted{background:#2133424d}.pma-bar-fill--primary{background:var(--pma-primary)}.pma-bar-value{text-align:right;color:var(--pma-muted);font-size:.85rem}.pma-stat-callout{color:var(--pma-muted);margin-top:var(--pma-space-sm);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;font-size:.95rem;display:flex}.pma-stat-callout strong{color:var(--pma-primary);font-family:Playfair Display,Times New Roman,serif;font-size:1.8rem}.pma-breakdown{margin-top:var(--pma-space-sm);gap:1rem;display:grid}.pma-breakdown-row{gap:.5rem;display:grid}.pma-breakdown-labels{color:var(--pma-ink);justify-content:space-between;font-size:.9rem;display:flex}.pma-breakdown-labels span:last-child{color:var(--pma-muted);font-size:.85rem}.pma-progress{background:#2133420f;border-radius:999px;height:10px;position:relative;overflow:hidden}.pma-progress-before,.pma-progress-after{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.pma-progress-before{background:#21334233}.pma-progress-after{background:var(--pma-primary)}.pma-legend{color:var(--pma-muted);margin-top:var(--pma-space-sm);justify-content:center;gap:1.25rem;font-size:.85rem;display:flex}.pma-legend span{align-items:center;gap:.4rem;display:inline-flex}.pma-legend-dot{border-radius:999px;width:8px;height:8px}.pma-legend-dot--muted{background:#2133424d}.pma-legend-dot--primary{background:var(--pma-primary)}.pma-impact-cards{margin-top:var(--pma-space-lg);gap:var(--pma-space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.pma-stat-card{background:var(--pma-card);border:1px solid var(--pma-border);border-radius:var(--pma-radius-md);padding:var(--pma-space-md);text-align:center;box-shadow:var(--pma-shadow-sm)}.pma-stat-card span{color:var(--pma-primary);font-family:Playfair Display,Times New Roman,serif;font-size:1.75rem;font-weight:700;display:block}.pma-stat-card p{color:var(--pma-muted);margin-top:.4rem;font-size:.9rem}.pma-features{background:#fff;width:100%;padding-left:0;padding-right:0;padding-top:clamp(3.5rem,6vw,4.5rem)!important;padding-bottom:clamp(3.5rem,6vw,4.5rem)!important}.pma-features>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-feature-grid{gap:var(--pma-space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.pma-feature-card{background:var(--pma-card);border:1px solid var(--pma-border);border-radius:var(--pma-radius-md);padding:var(--pma-space-md);box-shadow:var(--pma-shadow-sm);gap:.6rem;transition:transform .2s,box-shadow .2s;display:grid}.pma-feature-card:hover{box-shadow:var(--pma-shadow-md);transform:translateY(-3px)}.pma-feature-card h3{color:var(--pma-ink);font-size:1.1rem;font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-feature-card p{color:var(--pma-muted);font-size:.9rem;line-height:1.6}.pma-control{margin-top:var(--pma-space-xl)}.pma-control-grid{gap:var(--pma-space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;display:grid}.pma-checklist{margin:var(--pma-space-md)0 0;gap:.75rem;padding:0;list-style:none;display:grid}.pma-checklist li{color:var(--pma-ink);align-items:flex-start;gap:.65rem;font-size:.95rem;line-height:1.5;display:flex}.pma-check{width:24px;height:24px;color:var(--pma-secondary);background:#4e6f8a26;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.pma-snapshot-card{background:var(--pma-card);border:1px solid var(--pma-border);border-radius:var(--pma-radius-lg);padding:var(--pma-space-md);box-shadow:var(--pma-shadow-md);gap:var(--pma-space-sm);display:grid}.pma-snapshot-header{align-items:center;gap:.85rem;display:flex}.pma-snapshot-header p{color:var(--pma-ink);font-size:.95rem;font-weight:600}.pma-snapshot-header span{color:var(--pma-muted);font-size:.85rem}.pma-snapshot-rows{gap:.6rem;display:grid}.pma-snapshot-row{background:var(--pma-cream-light);border-radius:var(--pma-radius-sm);justify-content:space-between;align-items:center;padding:.65rem .9rem;display:flex}.pma-snapshot-row span{color:var(--pma-ink);font-size:.9rem}.pma-snapshot-row strong{color:var(--pma-secondary);font-size:.85rem}.pma-snapshot-note{border-radius:var(--pma-radius-sm);color:var(--pma-muted);background:#2133420a;border:1px solid #21334214;padding:.75rem .9rem;font-size:.85rem;font-style:italic;line-height:1.5}.pma-snapshot-actions{gap:.6rem;display:flex}.pma-snapshot-actions button{border-radius:var(--pma-radius-sm);cursor:pointer;background:var(--pma-primary);color:var(--pma-white);border:none;flex:1;padding:.6rem .9rem;font-size:.9rem;font-weight:600;transition:all .2s}.pma-snapshot-actions button:hover{background:var(--pma-primary-hover)}.pma-snapshot-actions button.is-ghost{border:1px solid var(--pma-border);color:var(--pma-ink);background:0 0}.pma-snapshot-actions button.is-ghost:hover{background:#2133420a}.pma-steps{background:var(--pma-cream);width:100%;padding-left:0;padding-right:0;padding-top:clamp(3.5rem,6vw,4.5rem)!important;padding-bottom:clamp(3.5rem,6vw,4.5rem)!important}.pma-steps>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-steps-grid{gap:var(--pma-space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pma-step-card{background:var(--pma-card);border:1px solid var(--pma-border);border-radius:var(--pma-radius-lg);padding:var(--pma-space-md);text-align:center;box-shadow:var(--pma-shadow-sm);gap:.6rem;display:grid}.pma-step-icon{width:80px;height:80px;color:var(--pma-primary);background:#2133420f;border-radius:999px;justify-content:center;align-items:center;margin:0 auto .5rem;display:flex;position:relative}.pma-step-number{background:var(--pma-primary);width:28px;height:28px;color:var(--pma-white);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.pma-step-card h3{color:var(--pma-ink);font-size:1.05rem;font-weight:700;font-family:Playfair Display,Times New Roman,serif!important}.pma-step-card p{color:var(--pma-muted);font-size:.9rem;line-height:1.6}.pma-faq{background:#fff;width:100%;padding-left:0;padding-right:0;padding-top:clamp(3.5rem,6vw,4.5rem)!important;padding-bottom:clamp(3.5rem,6vw,4.5rem)!important}.pma-faq>.pma-container{max-width:1400px;padding-left:clamp(1.5rem,4vw,3rem);padding-right:clamp(1.5rem,4vw,3rem)}.pma-faq-list{gap:.5rem;max-width:900px;margin:0 auto;display:grid}.pma-faq-item{border-bottom:1px solid var(--pma-border);background:#fff}.pma-faq-item:last-child{border-bottom:none}.pma-faq-item summary{cursor:pointer;color:var(--pma-ink);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-size:1rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.pma-faq-item summary:hover{color:var(--pma-secondary)}.pma-faq-item summary::-webkit-details-marker{display:none}.pma-faq-icon{stroke:currentColor;stroke-width:2px;fill:none;flex-shrink:0;width:18px;height:18px;transition:transform .2s}.pma-faq-item[open] .pma-faq-icon{transform:rotate(180deg)}.pma-faq-content{color:var(--pma-muted);padding:0 0 1.1rem;font-size:.95rem;line-height:1.7}.pma-hero-content>*{animation:.6s both pma-fade-up}.pma-hero-content>:first-child{animation-delay:50ms}.pma-hero-content>:nth-child(2){animation-delay:.1s}.pma-hero-content>:nth-child(3){animation-delay:.15s}.pma-hero-content>:nth-child(4){animation-delay:.2s}@keyframes pma-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pma-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (min-width:960px){.pma-hero-grid{grid-template-columns:1.1fr .9fr;gap:clamp(3rem,6vw,5rem)}}@media (min-width:1200px){.pma-hero-grid{grid-template-columns:1fr 1fr;gap:clamp(4rem,8vw,6rem)}}@media (max-width:980px){.pma-floating-card{margin-top:var(--pma-space-sm);position:static}}@media (max-width:720px){.pma-hero-actions{flex-direction:column;align-items:stretch}.plan-assignment-page .pma-button{justify-content:center}.pma-bar-row{grid-template-columns:80px 1fr 50px;font-size:.85rem}.pma-breakdown-labels{flex-direction:column;gap:.15rem}}@media (prefers-reduced-motion:reduce){.plan-assignment-page *{transition:none!important;animation:none!important}}
:root{--primary-dark:#213342;--primary-highlight:#4e6f8a;--primary-hover:#3a5a6f;--warm-white:#f3eee4;--warm-white-light:#f8f5f0;--accent:#f3eee4;--text-dark:#1e293b;--text-light:#fdfcfb;--text-muted:#1e293bb3;--muted:#64748b;--shadow-light:0 4px 20px #21334214;--shadow-medium:0 8px 30px #2133421f;--shadow-strong:0 16px 50px #2133422e;--shadow-hover:0 20px 60px #21334238;--card-shadow:0 2px 8px #2133420f;--radius:24px;--radius-sm:16px;--radius-md:12px}.autograde-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fafafa!important;min-height:100vh!important}.autograde-page section.autograde-hero{background:#fafafa!important}.autograde-hero{background:#fafafa!important;align-items:center!important;width:100%!important;min-height:90vh!important;padding:4rem 2rem 6rem!important;display:flex!important;position:relative!important;overflow:hidden!important}.autograde-page .autograde-hero{background:#fafafa!important;display:flex!important}.autograde-hero-container{z-index:2!important;grid-template-columns:1fr 1fr!important;align-items:start!important;gap:4rem!important;width:100%!important;max-width:1600px!important;margin:0 auto!important;display:grid!important;position:relative!important}.autograde-hero-left{gap:2rem;flex-direction:column!important;display:flex!important}.autograde-hero-title{color:#000!important;letter-spacing:-.03em!important;text-align:left!important;flex-direction:column!important;gap:.25rem!important;margin:0!important;font-size:clamp(2.5rem,5vw,4.5rem)!important;font-weight:800!important;line-height:1.1!important;display:flex!important}.autograde-hero-title .title-accent{color:#2f70f8!important}.autograde-hero-subtitle{color:#666!important;text-align:left!important;max-width:500px!important;margin:1rem 0 0!important;font-size:clamp(.95rem,1.5vw,1.1rem)!important;font-weight:400!important;line-height:1.7!important}.hero-arrow{opacity:.8;margin:1rem 0}.hero-arrow svg{width:100px;height:auto}.hero-form-card{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:20px!important;width:100%!important;margin-top:1rem!important;padding:2rem!important;display:block!important;box-shadow:0 4px 20px #00000014!important}.autograde-hero-right{height:100%;min-height:600px!important;display:block!important;position:relative!important}.hero-image-collage{width:100%!important;height:100%!important;min-height:600px!important;display:block!important;position:relative!important}.collage-image{transition:transform .3s;border-radius:24px!important;display:block!important;position:absolute!important;overflow:hidden!important;box-shadow:0 8px 30px #00000026!important}.collage-image:hover{z-index:10;transform:scale(1.05)}.collage-image img{object-fit:cover!important;width:100%!important;height:100%!important;display:block!important}.collage-image-1{z-index:3;width:280px;height:200px;top:0;left:0}.collage-image-2{z-index:2;width:240px;height:180px;top:20px;right:0}.collage-image-3{z-index:4;width:300px;height:220px;top:180px;left:50px}.collage-image-4{z-index:3;width:260px;height:190px;bottom:100px;left:0}.collage-image-5{z-index:2;width:280px;height:200px;bottom:0;right:40px}.collage-lines{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-wavy-graphic{opacity:.15;z-index:0;background:linear-gradient(135deg,gold 0%,orange 100%);border-radius:50% 40% 60% 30%;width:200px;height:200px;animation:6s ease-in-out infinite float;position:absolute;top:-20px;right:-40px}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.autograde-container{max-width:1600px;margin:0 auto;padding:3rem 2rem}.autograde-error-banner{background:#fff3cd;border:1px solid #ffc107;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.error-banner-content{color:#856404;flex:1;align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.error-banner-content svg{flex-shrink:0}.error-close-btn{color:#856404;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem;transition:background .2s;display:flex}.error-close-btn:hover{background:#8564041a}.autograde-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:2.5rem;display:grid}.autograde-form-wrapper{position:sticky;top:6rem}.form-card{background:var(--warm-white);border-radius:var(--radius);box-shadow:var(--shadow-medium);border:1px solid var(--warm-white-light);transition:all .3s;overflow:hidden}.form-card:hover{box-shadow:var(--shadow-strong)}.form-card-header{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);padding:2rem}.form-card-header h2{color:var(--text-light);margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.form-card-header p{color:#fdfcfbe6;margin:0;font-size:.95rem}.autograde-form{flex-direction:column;gap:1rem;padding:0;display:flex}.form-group{margin-bottom:0}.form-group label{color:#666;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:flex}.form-group label svg{color:#2f70f8;width:16px;height:16px}.form-group input[type=text],.form-group select{width:100%;color:var(--text-dark);background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.form-group input[type=text]:focus,.form-group select:focus{border-color:#2f70f8;outline:none;box-shadow:0 0 0 3px #2f70f81a}.form-group input[type=text]::placeholder{color:var(--muted)}.select-wrapper{position:relative}.select-wrapper:after{content:"";pointer-events:none;border-top:6px solid #666;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.select-wrapper select{appearance:none;cursor:pointer;padding-right:2.5rem}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute}.file-input-label{color:#666;text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:.875rem 1rem;font-size:.9rem;transition:all .3s;display:block}.file-input-wrapper:hover .file-input-label,.file-input-wrapper input[type=file]:focus+.file-input-label{color:var(--text-dark);background:#f8f9fa;border-color:#2f70f8}.timer-card{color:var(--text-dark);background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;align-items:center;gap:.75rem;margin:.5rem 0;padding:1rem 1.25rem;display:flex}.timer-content{flex-direction:column;gap:.25rem;display:flex}.timer-label{color:#666;font-size:.75rem}.timer-value{color:#2f70f8;font-size:1.25rem;font-weight:700}.timer-card svg{color:#2f70f8}.submit-button{color:#fff;cursor:pointer;background:#2f70f8;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #2f70f84d}.submit-button:hover:not(:disabled){background:#1e5fd8;transform:translateY(-2px);box-shadow:0 6px 20px #2f70f866}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.button-spinner{border:2px solid #fdfcfb4d;border-top-color:var(--text-light);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.autograde-results-wrapper{background:var(--warm-white);border-radius:var(--radius);box-shadow:var(--shadow-medium);border:1px solid var(--warm-white-light);flex-direction:column;max-height:calc(100vh - 12rem);display:flex;overflow:hidden}.results-header{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.results-header h2{color:var(--text-light);margin:0;font-size:1.5rem;font-weight:700}.export-button{color:var(--text-light);border-radius:var(--radius-md);cursor:pointer;background:#fdfcfb26;border:1px solid #fdfcfb4d;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.export-button:hover{background:#fdfcfb40;border-color:#fdfcfb80;transform:translateY(-1px)}.results-container{flex:1;padding:2rem;overflow-y:auto}.empty-state{text-align:center;color:var(--text-muted);padding:4rem 2rem}.empty-state svg{color:var(--muted);opacity:.5;margin-bottom:1rem}.empty-state h3{color:var(--primary-dark);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state p{margin:0;font-size:.95rem}.loading-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;display:flex}.loading-spinner{border:4px solid var(--warm-white-light);border-top-color:var(--primary-highlight);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-state p{margin:0;font-size:1rem;font-weight:500}.results-content{flex-direction:column;gap:1.5rem;display:flex}.grading-result-card{border:2px solid var(--warm-white-light);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);background:#fff;transition:all .3s;overflow:hidden}.grading-result-card:hover{box-shadow:var(--shadow-light);border-color:var(--primary-highlight)}.result-card-header{background:linear-gradient(135deg,var(--warm-white-light)0%,var(--warm-white)100%);border-bottom:1px solid var(--warm-white-light);padding:1.5rem}.result-card-title{align-items:center;gap:.75rem;display:flex}.result-card-title svg{color:var(--primary-highlight);flex-shrink:0}.result-card-title h3{color:var(--primary-dark);margin:0;font-size:1.25rem;font-weight:700}.result-tasks-container{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.result-task-card{background:var(--warm-white-light);border:1px solid var(--warm-white-light);border-radius:var(--radius-md);padding:1.25rem;transition:all .3s}.result-task-card:hover{border-color:var(--primary-highlight);box-shadow:var(--card-shadow);background:#fff}.result-task-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.result-task-title{color:var(--primary-dark);align-items:center;gap:.5rem;font-size:1rem;font-weight:600;display:flex}.result-task-title svg{color:var(--primary-highlight);flex-shrink:0}.result-task-score{align-items:baseline;gap:.25rem;font-weight:700;display:flex}.score-awarded{color:var(--primary-highlight);font-size:1.5rem}.score-separator{color:var(--muted);font-size:1.25rem}.score-max{color:var(--text-dark);font-size:1.25rem}.score-label{color:var(--muted);margin-left:.25rem;font-size:.85rem;font-weight:500}.result-task-feedback{border-top:1px solid var(--warm-white-light);padding-top:.75rem}.result-task-feedback p{color:var(--text-muted);margin:0;font-size:.95rem;font-style:italic;line-height:1.6}.result-summary{background:var(--warm-white-light);border-top:1px solid var(--warm-white-light);gap:1rem;padding:1.5rem;display:flex}.summary-score-card,.summary-similarity-card{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-md);text-align:center;box-shadow:var(--card-shadow);flex:1;padding:1.25rem}.summary-label{opacity:.9;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.summary-value{font-size:1.75rem;font-weight:700}.summary-similarity-card{background:var(--warm-white);color:var(--primary-dark);border:2px solid var(--warm-white-light)}.summary-similarity-card .summary-label{color:var(--text-muted)}.summary-similarity-card .summary-value{color:var(--primary-dark)}.floating-demo-button{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);z-index:1000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.floating-demo-button:hover{box-shadow:var(--shadow-strong);background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-highlight)100%);transform:translateY(-3px)}@media (max-width:1200px){.autograde-hero-container{grid-template-columns:1fr;gap:3rem}.autograde-hero-right{order:-1;min-height:500px}.autograde-layout{grid-template-columns:1fr;gap:2rem}.autograde-form-wrapper{position:static}.autograde-results-wrapper{max-height:none}}@media (max-width:768px){.autograde-hero{min-height:auto;padding:3rem 1.5rem 4rem}.autograde-hero-container{gap:2rem}.autograde-hero-right{min-height:400px}.collage-image-1,.collage-image-2,.collage-image-3,.collage-image-4,.collage-image-5{width:200px;height:150px}.collage-image-1{top:0;left:0}.collage-image-2{top:10px;right:0}.collage-image-3{top:120px;left:30px}.collage-image-4{bottom:80px;left:0}.collage-image-5{bottom:0;right:20px}.hero-form-card{padding:1.5rem}.autograde-container{padding:2rem 1.5rem}.form-card-header,.autograde-form{padding:1.5rem}.results-header{flex-direction:column;align-items:stretch;padding:1.25rem 1.5rem}.export-button{justify-content:center;width:100%}.results-container{padding:1.5rem}.result-summary{flex-direction:column}.floating-demo-button{padding:.875rem 1.25rem;font-size:.9rem;bottom:1rem;right:1rem}}@media (max-width:480px){.autograde-hero-title{font-size:2rem}.autograde-hero-subtitle{font-size:.95rem}.form-card-header h2{font-size:1.5rem}.result-task-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.container.tools{background:var(--warm-white);border-radius:var(--radius);max-width:1400px;box-shadow:var(--shadow-medium);margin:4rem auto;padding:3.5rem 2.5rem;font-family:Inter,Segoe UI,Arial,sans-serif}.tool-title{color:var(--primary-dark);text-align:center;letter-spacing:-.02em;margin:0 0 2.5rem;font-family:Inter,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2}.tools-layout{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3rem;margin-top:1rem;display:flex}.form-section{background:var(--warm-white);border-radius:var(--radius-sm);border:1px solid var(--warm-white-light);max-width:480px;box-shadow:var(--card-shadow);flex:1;height:fit-content;padding:2rem}.output-container{flex-direction:column;flex:2;display:flex}.output-section{background:var(--warm-white);border:1px solid var(--warm-white-light);border-radius:var(--radius-sm);box-shadow:var(--card-shadow);max-height:75vh;padding:2rem;overflow-y:auto}.export-wrapper{border-top:1px solid var(--warm-white-light);justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;display:flex}form label{color:var(--primary-dark);margin-top:1rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}form label:first-of-type{margin-top:0}form input[type=text],form select{border:2px solid var(--warm-white-light);border-radius:var(--radius-sm);background:var(--warm-white);box-sizing:border-box;width:100%;color:var(--text-dark);margin-bottom:1rem;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}form input[type=text]:focus,form select:focus{border-color:var(--primary-highlight);outline:none;transform:translateY(-2px);box-shadow:0 0 0 3px #4e6f8a26}form select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='none' height='20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%234E6F8A' stroke-width='2' d='M6 9l4 4 4-4'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}form input[type=file]{border:2px dashed var(--warm-white-light);border-radius:var(--radius-sm);background:var(--warm-white);color:var(--primary-dark);cursor:pointer;box-sizing:border-box;width:100%;margin-bottom:1rem;padding:1rem 1.25rem;font-size:1rem;transition:all .3s}form input[type=file]:hover,form input[type=file]:focus{border-color:var(--primary-highlight);border-style:solid;transform:translateY(-2px);box-shadow:0 0 0 3px #4e6f8a1a}form input[type=file]::-webkit-file-upload-button{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);cursor:pointer;border:none;border-radius:6px;margin-right:.75rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}form input[type=file]::file-selector-button{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);cursor:pointer;border:none;border-radius:6px;margin-right:.75rem;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}button[type=submit],.export-btn{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);cursor:pointer;border:none;width:100%;margin-top:1.5rem;padding:1.125rem 1.75rem;font-size:1.05rem;font-weight:700;transition:all .3s}button[type=submit]:hover:not(:disabled),.export-btn:hover{background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-highlight)100%);box-shadow:var(--shadow-medium);transform:translateY(-3px)}button[type=submit]:disabled{background:var(--warm-white-light);color:var(--muted);cursor:not-allowed;box-shadow:none;transform:none}.export-btn{border-radius:var(--radius-sm);width:auto;margin-top:0;padding:.875rem 2rem}.task-block{background:var(--warm-white);border:1px solid var(--warm-white-light);border-radius:var(--radius-sm);color:var(--primary-dark);box-shadow:var(--card-shadow);margin-bottom:1.5rem;padding:1.5rem 1.75rem;font-size:1rem;line-height:1.6;transition:all .3s}.task-block:hover{box-shadow:var(--card-shadow-hover);border-color:var(--primary-highlight);transform:translateY(-2px)}.task-header{color:var(--primary-dark);align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.15rem;font-weight:700;display:flex}.task-feedback{color:var(--text-muted);margin-top:.5rem;padding-left:1.5rem;font-style:italic;line-height:1.6}#output p,#output b{color:var(--primary-dark);text-align:center;margin-bottom:1rem;font-size:1.05rem;font-weight:600}#output pre{background:var(--warm-white-light);border-radius:var(--radius-sm);color:var(--text-dark);border:1px solid var(--warm-white-light);margin:1rem 0;padding:1.25rem;font-size:.9rem;line-height:1.5;overflow-x:auto}.grading-result-block{background:var(--warm-white);border:2px solid var(--primary-highlight);border-radius:var(--radius-sm);box-shadow:var(--shadow-light);margin-bottom:2rem;padding:2rem}.grading-result-block h2{color:var(--primary-dark);border-bottom:2px solid var(--warm-white-light);margin:0 0 1.5rem;padding-bottom:1rem;font-size:1.5rem;font-weight:700}.total-score{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--card-shadow);margin-top:1.5rem;padding:1rem 1.5rem;font-size:1.2rem;font-weight:700}.similarity-score{background:var(--warm-white-light);color:var(--primary-dark);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--warm-white-light);margin-top:1rem;padding:.875rem 1.25rem;font-size:1rem;font-weight:600}.error-banner{color:#856404;border-radius:var(--radius-sm);box-shadow:var(--card-shadow);background:#fff3cd;border:2px solid #ffc107;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.error-banner button{color:#856404;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;font-weight:700;line-height:1;transition:opacity .2s;display:flex}.error-banner button:hover{opacity:1}.timer-badge{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--card-shadow);width:100%;margin:1rem 0;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;display:inline-block}.floating-demo-btn{background:linear-gradient(135deg,var(--primary-highlight)0%,var(--primary-dark)100%);color:var(--text-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-medium);z-index:1000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex;position:fixed;bottom:2rem;right:2rem}.floating-demo-btn:hover{box-shadow:var(--shadow-strong);background:linear-gradient(135deg,var(--primary-dark)0%,var(--primary-highlight)100%);transform:translateY(-3px)}@media (max-width:1024px){.tools-layout{flex-direction:column}.output-section{max-height:none;overflow:visible}}@media (max-width:768px){.container.tools{padding:1rem}.task-block{padding:1.25rem;font-size:.95rem}form input[type=text],form select,form input[type=file]{padding:.875rem 1rem;font-size:.95rem}button[type=submit],.export-btn{padding:.875rem 1.25rem;font-size:1rem}}@media (max-width:480px){.container.tools{margin:1rem auto;padding:1.5rem}.tool-title{margin-bottom:1.5rem;font-size:1.75rem}.floating-demo-btn{padding:.875rem 1.25rem;font-size:.9rem;bottom:1rem;right:1rem}.grading-result-block{padding:1.5rem}.grading-result-block h2{font-size:1.25rem}}
:root{--primary-dark:#213342;--primary-highlight:#4e6f8a}.signup-container{background:0 0;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:2rem 1rem 4rem;display:flex;position:relative}.signup-card{z-index:1;background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;width:min(520px,100%);padding:2.5rem 2.75rem;display:flex;position:relative;box-shadow:0 24px 64px #192b4414}.signup-logo{justify-content:center;margin-bottom:.5rem;display:flex}.logo-circle{background:var(--primary-dark,#213342);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000001a}.logo-circle img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.signup-card h1{color:#1f2c3d;text-align:center;margin:0;font-size:2rem;font-weight:600}.signup-subtitle{color:#5a6a7f;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.signup-form{flex-direction:column;gap:1rem;display:flex}.signup-form label{color:#2d3c4f;font-weight:600}.required-asterisk{color:#dc3545;margin-left:2px;font-weight:700}.signup-form input{color:#1f2c3d;background:#fff;border:1px solid #21334226;border-radius:10px;width:100%;padding:.75rem .9rem;font-size:1rem;transition:border .2s,box-shadow .2s}.signup-form input:focus{border-color:#4e6f8a;outline:none;box-shadow:0 0 0 3px #4e6f8a40}.signup-form input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px;color:var(--primary-dark,#213342)!important}.password-toggle svg{color:inherit;stroke:currentColor}.password-toggle:hover:not(:disabled){color:var(--primary-highlight,#4e6f8a)!important}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.captcha-wrapper{justify-content:center;display:flex}.error-banner{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:0;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.error-banner button{color:#856404;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.3rem;font-weight:700;line-height:1;transition:opacity .2s}.error-banner button:hover{opacity:1}.success-banner{color:#155724;background:#d4edda;border:1px solid #28a745}.success-banner button{color:#155724}.btn-primary{color:#fff;cursor:pointer;background:#2c2c2c;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.signup-footer{text-align:center;border-top:1px solid #2133421a;margin-top:.5rem;padding-top:1rem}.signup-footer p{color:#5a6a7f;margin:0;font-size:.9rem}.signup-link{color:#4e6f8a;font-weight:600;text-decoration:none;transition:color .2s}.signup-link:hover{color:#3b566e;text-decoration:underline}@media (max-width:600px){.signup-card{padding:2rem 1.5rem}}
.why-page h1{text-align:center;color:var(--primary-dark);margin-bottom:2rem;font-size:clamp(2.8rem,6vw,3.8rem)}.page-section{margin-bottom:3.5rem;scroll-margin-top:100px}.page-section h2{color:var(--primary-highlight);margin-bottom:1rem;font-size:1.8rem}.page-section p{color:var(--text-dark);font-size:1.05rem;line-height:1.6}
.admin-panel{background:#f9f9f9;border-radius:12px;max-width:600px;margin:2rem auto;padding:2rem;font-family:Segoe UI,sans-serif;box-shadow:0 0 8px #0000001a}.admin-panel h2{text-align:center;margin-bottom:1.5rem}.admin-section{margin-bottom:2rem}.admin-section h3{border-bottom:1px solid #ddd;margin-bottom:.75rem;padding-bottom:4px;font-size:1.1rem}.admin-section input{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:.75rem;padding:8px 10px;font-size:1rem;display:block}.admin-section button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;padding:8px 16px;font-size:.95rem}.admin-section button:hover{background-color:#0056b3}.status{color:#856404;background-color:#fff3cd;border:1px solid #ffeeba;border-radius:6px;margin-bottom:1rem;padding:10px;font-size:.95rem}ul{padding-left:0;list-style:none}li{background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:10px 12px;display:flex}li button{background-color:#dc3545;padding:6px 12px;font-size:.85rem}li button:hover{background-color:#b02a37}
:root{--primary-dark:#213342;--primary-highlight:#4e6f8a}.login-container{background:0 0;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:2rem 1rem 4rem;display:flex;position:relative}.login-card{z-index:1;background:#fff;border-radius:16px;flex-direction:column;gap:1.25rem;width:min(480px,100%);padding:2.5rem 2.75rem;display:flex;position:relative;box-shadow:0 24px 64px #192b4414}.login-logo{justify-content:center;margin-bottom:.5rem;display:flex}.logo-circle{background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 4px 12px #dc262633}.logo-circle img{object-fit:contain;filter:brightness(0)invert();width:100%;height:100%}.login-card h1{color:#1f2c3d;text-align:center;margin:0;font-size:2rem;font-weight:600}.login-subtitle{color:#5a6a7f;text-align:center;margin:0;font-size:.95rem;line-height:1.5}.error-banner{color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:0;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.success-banner{color:#155724;background:#d4edda;border:1px solid #28a745}.info-banner{color:#0c5460;background:#d1ecf1;border:1px solid #17a2b8}.error-banner button{color:#856404;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:1.3rem;font-weight:700;line-height:1;transition:opacity .2s}.error-banner button:hover{opacity:1}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form label{color:#2d3c4f;margin-bottom:.25rem;font-size:.95rem;font-weight:600}.login-form input{color:#1f2c3d;background:#fff;border:1px solid #21334226;border-radius:10px;width:100%;padding:.75rem .9rem;font-size:1rem;transition:border .2s,box-shadow .2s}.login-form input::placeholder{color:#9ca3af;opacity:.7}.login-form input:focus{border-color:#4e6f8a;outline:none;box-shadow:0 0 0 3px #4e6f8a40}.login-form input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px;color:var(--primary-dark,#213342)!important}.password-toggle svg{color:inherit;stroke:currentColor}.password-toggle:hover:not(:disabled){color:var(--primary-highlight,#4e6f8a)!important}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-options{justify-content:space-between;align-items:center;margin:.25rem 0;display:flex}.remember-me{cursor:pointer;color:#5a6a7f;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.remember-me input[type=checkbox]{cursor:pointer;accent-color:#4e6f8a;width:16px;height:16px}.remember-me input[type=checkbox]:disabled{cursor:not-allowed}.forgot-password{color:#4e6f8a;font-size:.9rem;text-decoration:underline;transition:color .2s}.forgot-password:hover{color:#3b566e}.btn-primary{color:#fff;cursor:pointer;background:#2c2c2c;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover:not(:disabled),.btn-primary:focus:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.65;cursor:not-allowed;transform:none}.btn-google,.btn-microsoft{color:#3c4043;cursor:pointer;background-color:#fff;border:1px solid #dadce0;border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.btn-google:disabled,.btn-microsoft:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;border-top:1px solid #2133421a;margin-top:.5rem;padding-top:1rem}.login-footer p{color:#5a6a7f;margin:0;font-size:.9rem}.login-link{color:#4e6f8a;font-weight:600;text-decoration:none;transition:color .2s}.login-link:hover{color:#3b566e;text-decoration:underline}.social-login{gap:.75rem;margin:1rem 0;display:flex}.social-btn{cursor:pointer;background:#fff;border:1px solid #21334226;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:.75rem;transition:all .2s;display:flex}.social-btn:hover{background:#f9fafb;border-color:#2133424d;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.social-btn:active{transform:translateY(0)}.social-btn svg{width:20px;height:20px}.login-divider{text-align:center;color:#5a6a7f;align-items:center;margin:1.5rem 0;font-size:.9rem;font-weight:500;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid #21334226;flex:1}.login-divider span{padding:0 1rem}@media (max-width:600px){.login-card{padding:2rem 1.5rem}.login-card h1{font-size:1.75rem}}