.form-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:40px;max-width:600px;width:100%;box-shadow:0 8px 32px #0000001a;margin:20px auto}.form-header{text-align:center;margin-bottom:30px;position:relative}.logo{max-width:250px;height:auto;margin-bottom:20px}.form-header h1{color:#1a1a1a;font-size:2rem;margin-bottom:8px;font-weight:700}.form-header p{color:#666;font-size:1.1rem}.expo-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h2{color:#1a1a1a;font-size:1.3rem;font-weight:600;margin-bottom:8px}.section-header-with-link{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:12px}.section-header-with-link h2{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{color:#333;font-weight:500;font-size:.95rem}.required{color:#e63946}.form-group input,.form-group textarea{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00d4ff}.form-group textarea{resize:vertical;min-height:100px}.interests-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .2s ease}.checkbox-label:hover{background-color:#e8b85d14}.checkbox-label input[type=checkbox]{margin-top:2px;cursor:pointer;width:18px;height:18px;accent-color:#E8B85D}.checkbox-label span{color:#333;font-size:.95rem;line-height:1.4}.tshirt-label{background-color:#ff6b6b1a;border:2px solid rgba(255,107,107,.3);padding:14px;font-weight:500}.tshirt-label span{color:#1a1a1a;font-weight:500}.view-solutions-link{background:none;border:none;color:#e8b85d;font-size:.95rem;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease;padding:0}.view-solutions-link:hover{color:#f0c670}.submit-button{background:#e8b85d;color:#2a3a47;border:none;padding:16px 32px;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;margin-top:8px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e8b85d66;background:#f0c670}.submit-button:disabled{opacity:.6;cursor:not-allowed}.success-message{background-color:#d4edda;color:#155724;padding:16px;border-radius:8px;text-align:center;border:1px solid #c3e6cb;font-weight:500}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.popup-content{background:#fff;border-radius:12px;padding:20px;max-width:90%;max-height:90vh;overflow:auto;position:relative}.popup-close{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;z-index:1}.popup-close:hover{background:#000c}.popup-image{max-width:100%;height:auto;display:block;border-radius:8px}@media (max-width: 768px){.form-container{padding:24px;border-radius:12px}.logo{max-width:200px}.form-header h1{font-size:1.5rem}.form-header p{font-size:1rem}.form-section h2{font-size:1.1rem}.section-header-with-link{flex-direction:column;align-items:flex-start}.view-solutions-link{font-size:.9rem}.submit-button{padding:14px 24px;font-size:1rem}.popup-content{padding:15px;max-width:95%}}@media (max-width: 480px){.form-container{padding:20px}.logo{max-width:160px}.form-header h1{font-size:1.3rem}.form-group input,.form-group textarea{padding:10px;font-size:.95rem}.checkbox-label{padding:8px}.checkbox-label span{font-size:.9rem}}.theme-toggle{position:absolute;top:20px;right:20px;background:#0000001a;border:2px solid rgba(0,0,0,.1);border-radius:50%;width:44px;height:44px;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.theme-toggle:hover{background:#00000026;transform:scale(1.05)}.form-container.dark-mode{background:#3a4d5cf2;box-shadow:0 8px 32px #0006}.form-container.dark-mode .theme-toggle{background:#ffffff1a;border-color:#fff3}.form-container.dark-mode .theme-toggle:hover{background:#ffffff26}.form-container.dark-mode .form-header h1{color:#fff}.form-container.dark-mode .form-header p{color:#b0b0b0}.form-container.dark-mode .form-section h2{color:#fff}.form-container.dark-mode .form-group label{color:#e0e0e0}.form-container.dark-mode .required{color:#ff6b9d}.form-container.dark-mode .form-group input,.form-container.dark-mode .form-group textarea{background:#ffffff14;border-color:#fff3;color:#fff}.form-container.dark-mode .form-group input::placeholder,.form-container.dark-mode .form-group textarea::placeholder{color:#fff6}.form-container.dark-mode .form-group input:focus,.form-container.dark-mode .form-group textarea:focus{background:#ffffff1f;border-color:#00d4ff}.form-container.dark-mode .checkbox-label{color:#e0e0e0}.form-container.dark-mode .checkbox-label:hover{background-color:#e8b85d1a}.form-container.dark-mode .view-solutions-link{color:#e8b85d}.form-container.dark-mode .view-solutions-link:hover{color:#f0c670}.form-container.dark-mode .checkbox-label span{color:#e0e0e0}.form-container.dark-mode .tshirt-label{background-color:#ff6b9d26;border-color:#ff6b9d66}.form-container.dark-mode .tshirt-label span{color:#fff}.form-container.dark-mode .success-message{background-color:#0d6efd33;color:#64d8ff;border-color:#00d4ff66}.form-container.dark-mode .popup-content{background:#1a1a2efa}@media (max-width: 768px){.theme-toggle{top:15px;right:15px;width:40px;height:40px;font-size:1.2rem}}@media (max-width: 480px){.theme-toggle{top:10px;right:10px;width:36px;height:36px;font-size:1rem}}.app{min-height:100vh;background-image:url(/StrideShift_hero.png);background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;padding:20px}@media (max-width: 768px){.app{padding:10px;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
