body,html{min-height:100vh;background:linear-gradient(135deg,#4a5a5f 0%,#23292c 100%);margin:0;padding:0}.container{min-height:100vh;background:0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:60px;display:flex}.card-panel{max-width:480px;width:100%;background:#fff;border-radius:24px;flex-direction:column;align-items:center;margin:0 auto 32px;padding:48px 32px 32px;transition:box-shadow .2s;display:flex;box-shadow:0 8px 32px #2c68d01a,0 1.5px 6px #23292c14}.card-panel:hover{box-shadow:0 12px 40px #2c68d029,0 2px 8px #23292c1a}h1,.headline{color:#23292c;letter-spacing:-1px;text-align:center;margin-bottom:.5em;font-size:2.8rem;font-weight:700}.subtitle{color:#4a5a5f;text-align:center;margin-bottom:1.5em;font-size:1.4rem;font-weight:400}.brand-button-primary,.brand-button-secondary{border-radius:12px;padding:16px 36px;font-size:1.1rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 8px #3478f61a}.brand-button-primary{color:#fff;background:#000;border:none;font-weight:600}.brand-button-primary:hover{background:#111827;transform:matrix(1.03,0,0,1.03,0,-2);box-shadow:0 4px 16px #0000002e}.brand-button-secondary{color:#fff;background:#000;border:none}.brand-button-secondary:hover{background:#111827;transform:matrix(1.03,0,0,1.03,0,-2);box-shadow:0 4px 16px #0000002e}.upload-area,.results-card{background:#fff;border:none;border-radius:18px;margin-bottom:24px;padding:32px 24px;transition:box-shadow .2s;box-shadow:0 2px 12px #23292c14}.upload-area:hover,.results-card:hover{box-shadow:0 6px 24px #3478f61a}.upload-icon{margin-bottom:.5em;font-size:3rem}.upload-text{color:#23292c;margin-bottom:.2em;font-size:1.2rem;font-weight:500}.upload-hint{color:#4a5a5f;margin-bottom:1.2em;font-size:1rem}.analyzing{color:#000;font-size:1.1rem;font-weight:600;animation:1.5s ease-in-out infinite pulse}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}@media (min-width:768px){.container{max-width:800px;margin:0 auto;padding:40px 20px}.upload-area{min-height:200px;flex-direction:column;justify-content:center;display:flex}.upload-buttons{gap:16px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f5f6f7}::-webkit-scrollbar-thumb{background:#1f2937;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a5a5f}.brand-button:focus,.upload-area:focus{outline-offset:2px;outline:2px solid #000}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.image-preview{border-radius:8px;transition:box-shadow .2s;box-shadow:0 4px 12px #0000001a}.image-preview:hover{box-shadow:0 6px 20px #00000026}.results-card{transition:box-shadow .2s;box-shadow:0 2px 8px #0000001a}.results-card:hover{box-shadow:0 4px 16px #00000026}.score-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.score-badge.high{color:#1d5c5a;background-color:#1d5c5a1a}.score-badge.medium{color:#996b3d;background-color:#996b3d1a}.score-badge.low{color:#8a8a8a;background-color:#8a8a8a1a}