.support-page{min-height:100vh;padding:calc(var(--spacing-xl) + 60px) var(--spacing-md) var(--spacing-xl)}.support-container{max-width:720px;margin:0 auto}.support-intro{margin-bottom:var(--spacing-lg)}.support-intro h1{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:500;line-height:1.1;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.support-intro .lede{font-size:1.15rem;color:var(--color-text-secondary);line-height:1.7}.support-form-container{background:var(--color-white);border-radius:20px;padding:var(--spacing-lg);box-shadow:0 4px 24px #0000000f}.note-info{display:flex;gap:.75rem;align-items:flex-start;background:var(--color-bg-alt);border:1px solid rgba(45,90,74,.15);border-radius:12px;padding:var(--spacing-sm);margin-bottom:var(--spacing-md);font-size:.95rem;color:var(--color-text-secondary);line-height:1.6}.note-info svg{flex:0 0 auto;margin-top:2px}.note-info strong{color:var(--color-text)}.form-error-summary{display:none;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:8px;padding:1rem;margin-bottom:var(--spacing-sm);font-size:.95rem}.form-error-summary.show{display:block}.form-group{margin-bottom:var(--spacing-sm)}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:var(--spacing-xs);color:var(--color-text)}.optional-tag{font-weight:400;color:var(--color-text-secondary)}.hint{font-size:.85rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--spacing-xs)}.form-group input[type=email],.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem;font-size:1rem;font-family:var(--font-body);border:1px solid rgba(0,0,0,.12);border-radius:8px;background:var(--color-bg);color:var(--color-text);transition:border-color .2s ease,box-shadow .2s ease}.form-group input[type=email]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2d5a4a1a}.form-group textarea{min-height:140px;resize:vertical}.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235C5C58' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group.has-error input[type=email],.form-group.has-error select,.form-group.has-error textarea,.form-group.has-error .dropzone{border-color:#b42318;box-shadow:0 0 0 3px #b423181a}.error-msg{display:none;align-items:center;gap:.4rem;margin-top:var(--spacing-xs);font-size:.85rem;color:#b42318}.error-msg svg{flex:0 0 auto}.form-group.has-error .error-msg{display:flex}.dropzone{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:var(--spacing-sm);border:1px dashed rgba(45,90,74,.4);border-radius:8px;background:var(--color-bg);transition:border-color .2s ease,background .2s ease}.dropzone.dragover{border-color:var(--color-accent);background:var(--color-bg-alt)}.file-button{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem;font-weight:500;font-family:var(--font-body);background:var(--color-white);color:var(--color-accent);border:1px solid rgba(45,90,74,.4);border-radius:8px;cursor:pointer;transition:background .2s ease}.file-button:hover{background:var(--color-bg-alt)}.dropzone .or{font-size:.9rem;color:var(--color-text-secondary)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-list{list-style:none;margin:var(--spacing-xs) 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.file-list li{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--color-bg-alt);border-radius:8px;font-size:.9rem}.file-list .fname{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.file-list .fsize{color:var(--color-text-secondary);font-size:.8rem}.file-remove{flex:0 0 auto;width:24px;height:24px;line-height:1;border:none;border-radius:50%;background:#00000014;color:var(--color-text);font-size:1.1rem;cursor:pointer;transition:background .2s ease}.file-remove:hover{background:#00000029}.submit-button{width:100%;padding:1rem;font-size:1rem;font-weight:600;font-family:var(--font-body);background:var(--color-accent);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease;margin-top:var(--spacing-sm)}.submit-button:hover{background:var(--color-accent-light);transform:translateY(-1px)}.submit-button:disabled{opacity:.7;cursor:default;transform:none}.form-note{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--spacing-sm);text-align:center}.form-note a{color:var(--color-accent);text-decoration:none;font-weight:500}.form-note a:hover{text-decoration:underline}.result-screen{display:none;text-align:center;padding:var(--spacing-md) 0}.result-screen.show{display:block}.result-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;margin-bottom:var(--spacing-sm)}.result-icon.ok{background:#2d5a4a1f}.result-icon.bad{background:#b423181a}.result-screen h2{font-family:var(--font-display);font-size:1.6rem;font-weight:500;margin-bottom:var(--spacing-sm)}.result-screen p{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--spacing-md)}.result-screen p a{color:var(--color-accent);font-weight:500}.result-screen .again{padding:.8rem 1.5rem;font-size:.95rem;font-weight:600;font-family:var(--font-body);background:var(--color-accent);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.result-screen .again:hover{background:var(--color-accent-light)}.help-extra{text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid rgba(0,0,0,.08);font-size:.95rem;color:var(--color-text-secondary);line-height:1.8}.help-extra .email-link{color:var(--color-accent);text-decoration:none;font-weight:600}.help-extra .email-link:hover{text-decoration:underline}.care-panel{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-alt);border-left:4px solid var(--color-highlight);border-radius:8px;font-size:.95rem;line-height:1.6;color:var(--color-text)}.care-panel .crisis-num{color:var(--color-accent);font-weight:700;text-decoration:none}.care-panel .crisis-num:hover{text-decoration:underline}.support-form-container .disclaimer{margin-top:var(--spacing-md);font-size:.8rem;color:var(--color-text-secondary);line-height:1.6;text-align:center}@media(max-width:600px){.support-form-container{padding:var(--spacing-md)}}
