.page-container{background:var(--background-secondary);min-height:100vh;padding:2rem 0}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{margin-bottom:1rem;font-size:2.5rem}.changelog-timeline{max-width:800px;margin:0 auto}.version-card{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}.version-header{border-bottom:2px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.version-badge{background:var(--primary-blue);color:#fff;border-radius:20px;padding:.5rem 1rem;font-weight:600}.version-date{color:var(--text-secondary)}.version-content h3{color:var(--text-primary);margin:1.5rem 0 1rem}.version-content ul{padding:0;list-style:none}.version-content li{align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.changelog-cta{text-align:center;background:#fff;border-radius:12px;margin-top:3rem;padding:3rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:rgba(0,0,0,.6);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow-y:auto;box-shadow:0 20px 40px rgba(0,0,0,.2)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;display:flex}.modal-header h2{color:var(--text-primary);margin:0;font-size:1.5rem}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:2rem;transition:all .2s;display:flex}.modal-close:hover:not(:disabled){background:var(--background-secondary);color:var(--text-primary)}.suggestion-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:2px solid var(--border-light);width:100%;color:var(--text-primary);background:#fff;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--background-secondary);color:var(--text-secondary);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.form-group small{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;display:block}.form-actions{border-top:1px solid var(--border-light);justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary-blue);color:#fff;box-shadow:0 2px 10px rgba(59,130,246,.3)}.btn-primary:hover:not(:disabled){background:var(--primary-blue-dark);transform:translateY(-2px);box-shadow:0 4px 15px rgba(59,130,246,.4)}.btn-secondary{color:var(--text-primary);border:2px solid var(--border-light);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--background-secondary);border-color:var(--text-secondary)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.submit-success{text-align:center;padding:3rem 2rem}.success-icon{margin-bottom:1rem;font-size:4rem}.submit-success h3{color:var(--success-color,#059669);margin:0 0 1rem;font-size:1.5rem}.submit-success p{color:var(--text-secondary);margin:0 0 2rem;line-height:1.6}.loading-spinner{border:2px solid transparent;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{background:var(--error-bg,#fef2f2);color:var(--error-color,#dc2626);border:1px solid var(--error-border,#fecaca);text-align:center;border-radius:8px;margin-top:1rem;padding:1rem}.version-card{transition:all .3s}.version-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.changelog-cta{transition:all .3s}.changelog-cta:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(0,0,0,.1)}@media (max-width:768px){.modal-content{margin:1rem}.modal-header,.suggestion-form{padding:1.5rem}.form-actions{flex-direction:column}.btn{justify-content:center;width:100%}.version-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (prefers-color-scheme:dark){.modal-content{background:var(--dark-background,#1f2937);color:var(--dark-text,#f9fafb)}.modal-header h2{color:var(--dark-text,#f9fafb)}.modal-close{color:var(--dark-text-secondary,#9ca3af)}.modal-close:hover:not(:disabled){background:var(--dark-background-secondary,#374151);color:var(--dark-text,#d1d5db)}.form-group label{color:var(--dark-text,#f9fafb)}.form-group input,.form-group select,.form-group textarea{background:var(--dark-background-secondary,#374151);border-color:var(--dark-border,#4b5563);color:var(--dark-text,#f9fafb)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-blue,#60a5fa);box-shadow:0 0 0 3px rgba(96,165,250,.1)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--dark-background-tertiary,#4b5563);color:var(--dark-text-secondary,#9ca3af)}.btn-secondary{background:var(--dark-background-secondary,#374151);color:var(--dark-text,#d1d5db);border-color:var(--dark-border,#4b5563)}.btn-secondary:hover:not(:disabled){background:var(--dark-background-tertiary,#4b5563);border-color:var(--dark-border-hover,#6b7280)}}@media print{.modal-overlay{display:none!important}.changelog-cta{display:none}}@media (prefers-reduced-motion:reduce){.modal-content{animation:none}.version-card,.changelog-cta,.btn{transition:none}.loading-spinner{border:2px solid;border-top-color:transparent;animation:none}}.btn:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.modal-close:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.form-group input:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.form-group select:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}.form-group textarea:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px}@media (prefers-contrast:high){.version-card{border:2px solid var(--text-primary)}.form-group input,.form-group select,.form-group textarea{border-width:2px}.btn{border:2px solid}.btn-primary{border-color:var(--primary-blue)}.btn-secondary{border-color:var(--text-primary)}}