:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-secondary:#8b5cf6;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-border:#475569;--spacing-xs:.125rem;--spacing-sm:.25rem;--spacing-md:.5rem;--spacing-lg:.75rem;--spacing-xl:1rem;--spacing-2xl:1.5rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;--font-mono:"Monaco","Courier New",monospace;--bp-mobile:320px;--bp-mobile-large:480px;--bp-tablet:641px;--bp-tablet-large:768px;--bp-desktop:1024px;--bp-desktop-large:1200px;--bp-wide:1281px;--transition-fast:.15s ease-in-out;--transition-normal:.25s ease-in-out;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;margin:0;padding:0;line-height:1.6}.app{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-header{background-color:var(--color-primary);padding:var(--spacing-sm)var(--spacing-md);z-index:100;position:sticky;top:0}.app-header__content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.app-header__title{margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-sm);color:#fff;font-size:1.25rem;font-weight:700;display:flex}.app-header__icon{font-size:1.5rem}.app-header__subtitle{opacity:.9;color:#ffffffe6;font-size:.8125rem;font-weight:400}.app-header__user{align-items:center;gap:var(--spacing-sm);font-size:.8125rem;display:flex}.app-header__user span{color:#ffffffe6;font-weight:500}@media (min-width:480px){.app-header{padding:var(--spacing-md)var(--spacing-lg)}.app-header__title{font-size:1.5rem}.app-header__icon{font-size:1.75rem}.app-header__user{font-size:.875rem}}@media (min-width:641px){.app-header{padding:var(--spacing-lg)var(--spacing-xl)}.app-header__title{margin-bottom:0;font-size:1.75rem}.app-header__subtitle{font-size:.9375rem}.app-header__user{gap:var(--spacing-md);font-size:.9375rem}}@media (min-width:1024px){.app-header__content{padding:0 var(--spacing-xl)}.app-header__title{font-size:2rem}.app-header__subtitle,.app-header__user{font-size:1rem}}@media (min-width:1200px){.app-header__content{padding:0 var(--spacing-2xl)}}.app-main{padding:var(--spacing-sm);flex:1;width:100%;min-height:calc(100vh - 60px);margin:0}@media (min-width:480px){.app-main{padding:var(--spacing-md)}}@media (min-width:641px){.app-main{padding:var(--spacing-md)var(--spacing-lg);max-width:1200px;margin:0 auto}}@media (min-width:1024px){.app-main{padding:var(--spacing-lg)var(--spacing-xl);max-width:1400px}}@media (min-width:1200px){.app-main{padding:var(--spacing-xl)var(--spacing-2xl)}}.assignments-view__header{margin-bottom:var(--spacing-lg);text-align:center;padding:0 var(--spacing-sm)}.assignments-view__header h2{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:1.25rem;font-weight:700}.assignments-view__header p{color:var(--color-text-secondary);max-width:500px;margin:0 auto;font-size:.8125rem;line-height:1.6}@media (min-width:480px){.assignments-view__header h2{font-size:1.5rem}.assignments-view__header p{max-width:600px;font-size:.875rem}}@media (min-width:641px){.assignments-view__header{margin-bottom:var(--spacing-xl);padding:0}.assignments-view__header h2{font-size:2rem}.assignments-view__header p{max-width:700px;font-size:1rem}}@media (min-width:1024px){.assignments-view__header h2{font-size:2.5rem}.assignments-view__header p{font-size:1.125rem}}.assignments-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:0 var(--spacing-sm);grid-template-columns:1fr;display:grid}@media (min-width:480px){.assignments-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);padding:0}}@media (min-width:641px){.assignments-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.assignments-grid{gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.assignments-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1281px){.assignments-grid{gap:var(--spacing-2xl)}}.assignment-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-md);cursor:pointer;border-radius:8px;flex-direction:column;min-height:140px;transition:border-color .2s;display:flex}.assignment-card:hover{border-color:var(--color-primary)}.assignment-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.assignment-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.assignment-card__title{color:var(--color-text-primary);flex:1;font-size:1rem;font-weight:600;line-height:1.3}.assignment-card__difficulty{padding:var(--spacing-xs)var(--spacing-sm);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;flex-shrink:0;font-size:.6875rem;font-weight:700}.assignment-card__description{color:var(--color-text-secondary);flex:1;margin-top:auto;font-size:.8125rem;line-height:1.6}@media (min-width:480px){.assignment-card{padding:var(--spacing-lg);min-height:160px}.assignment-card__title{font-size:1.125rem}.assignment-card__description{font-size:.875rem}}@media (min-width:641px){.assignment-card{padding:var(--spacing-xl);min-height:180px}.assignment-card__title{font-size:1.25rem}.assignment-card__description{font-size:.9375rem}}@media (min-width:1024px){.assignment-card{padding:var(--spacing-2xl);min-height:200px}.assignment-card__title{font-size:1.375rem}.assignment-card__description{font-size:1rem}}@media (min-width:1200px){.assignment-card{min-height:220px}}.attempt-view__header{margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.attempt-view__header h2{margin-top:var(--spacing-sm);font-size:1.125rem}@media (min-width:480px){.attempt-view__header{margin-bottom:var(--spacing-lg);padding:0}.attempt-view__header h2{font-size:1.25rem}}@media (min-width:641px){.attempt-view__header h2{font-size:1.5rem}}@media (min-width:1024px){.attempt-view__header h2{font-size:1.75rem}}.attempt-layout{gap:var(--spacing-md);padding:0 var(--spacing-sm);flex-direction:column;display:flex}@media (min-width:480px){.attempt-layout{gap:var(--spacing-lg);padding:0}}@media (min-width:641px){.attempt-layout{gap:var(--spacing-lg)}}@media (min-width:1024px){.attempt-layout{gap:var(--spacing-xl);flex-direction:row;align-items:flex-start}}@media (min-width:1200px){.attempt-layout{gap:var(--spacing-2xl)}}.attempt-sidebar{gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:480px){.attempt-sidebar{gap:var(--spacing-lg)}}@media (min-width:1024px){.attempt-sidebar{flex-shrink:0;width:300px}}@media (min-width:1200px){.attempt-sidebar{width:320px}}.attempt-main{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex}@media (min-width:480px){.attempt-main{gap:var(--spacing-lg)}}@media (min-width:1024px){.attempt-main{gap:var(--spacing-lg)}}.btn{padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;font-size:.8125rem;font-weight:600;font-family:var(--font-family);justify-content:center;align-items:center;gap:var(--spacing-xs);border:1px solid #0000;border-radius:4px;width:100%;min-height:36px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border)}.btn--back{color:var(--color-text-secondary);background-color:#0000;width:auto}.btn--back:hover{color:var(--color-text-primary);background-color:var(--color-bg-secondary)}@media (min-width:480px){.btn{padding:var(--spacing-sm)var(--spacing-lg);min-height:40px;font-size:.875rem}}@media (min-width:641px){.btn{padding:var(--spacing-md)var(--spacing-xl);width:auto;min-height:44px;font-size:.9375rem}}.question-panel{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:8px}.question-panel__title{margin-bottom:var(--spacing-sm);color:var(--color-primary);font-size:.9375rem;font-weight:600}.question-panel__text{color:var(--color-text-primary);font-size:.8125rem;line-height:1.6}@media (min-width:480px){.question-panel{padding:var(--spacing-lg)}.question-panel__title{margin-bottom:var(--spacing-md);font-size:1rem}.question-panel__text{font-size:.875rem}}@media (min-width:641px){.question-panel{padding:var(--spacing-lg)}.question-panel__text{font-size:.9375rem}}.schema-viewer{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);padding:var(--spacing-md);border-radius:8px}.schema-viewer__title{margin-bottom:var(--spacing-sm);color:var(--color-success);font-size:.9375rem;font-weight:600}@media (min-width:480px){.schema-viewer{padding:var(--spacing-lg)}.schema-viewer__title{margin-bottom:var(--spacing-md);font-size:1rem}}@media (min-width:641px){.schema-viewer{padding:var(--spacing-lg)}}.schema-table{margin-bottom:var(--spacing-lg)}.schema-table:last-child{margin-bottom:0}.schema-table__name{color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.schema-table__structure{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-sm);font-size:.75rem}.schema-table__structure th{text-align:left;padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.6875rem;font-weight:600}.schema-table__structure td{padding:var(--spacing-xs)var(--spacing-sm);border-top:1px solid var(--color-border);font-family:var(--font-mono)}.schema-table__sample summary{cursor:pointer;color:var(--color-primary);padding:var(--spacing-sm)0;-webkit-user-select:none;user-select:none;font-size:.75rem}.schema-table__sample summary:hover{color:var(--color-primary-dark)}@media (min-width:480px){.schema-table__name{font-size:.875rem}.schema-table__structure{font-size:.8125rem}.schema-table__structure th{padding:var(--spacing-sm);font-size:.75rem}.schema-table__structure td{padding:var(--spacing-sm)}.schema-table__sample summary{font-size:.8125rem}}@media (min-width:641px){.schema-table__name{font-size:.9375rem}.schema-table__structure{font-size:.875rem}.schema-table__structure th{padding:var(--spacing-sm)var(--spacing-md);font-size:.8125rem}.schema-table__structure td{padding:var(--spacing-sm)var(--spacing-md)}.schema-table__sample summary{font-size:.875rem}}@media (min-width:1024px){.schema-table__name{font-size:1rem}.schema-table__structure{font-size:.9375rem}.schema-table__structure th{padding:var(--spacing-md);font-size:.875rem}.schema-table__structure td{padding:var(--spacing-md)}.schema-table__sample summary{font-size:.9375rem}}.sample-data-table{border-collapse:collapse;width:100%;margin-top:var(--spacing-sm);font-size:.6875rem;display:block;overflow-x:auto}.sample-data-table th,.sample-data-table td{padding:var(--spacing-xs);text-align:left;white-space:nowrap}.sample-data-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:600}.sample-data-table td{border-top:1px solid var(--color-border);font-family:var(--font-mono)}@media (min-width:480px){.sample-data-table{font-size:.75rem}.sample-data-table th,.sample-data-table td{padding:var(--spacing-sm)}}@media (min-width:641px){.sample-data-table{font-size:.8125rem}.sample-data-table th,.sample-data-table td{padding:var(--spacing-sm)var(--spacing-md)}}@media (min-width:1024px){.sample-data-table{font-size:.875rem}.sample-data-table th,.sample-data-table td{padding:var(--spacing-md)}}.editor-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.editor-section__header{padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);gap:var(--spacing-sm);flex-direction:column;display:flex}.editor-section__header h3{font-size:.9375rem;font-weight:600}@media (min-width:480px){.editor-section__header{padding:var(--spacing-md)}.editor-section__header h3{font-size:1rem}}@media (min-width:641px){.editor-section__header{padding:var(--spacing-lg);flex-direction:row;justify-content:space-between;align-items:center}.editor-section__header h3{font-size:1.125rem}}.editor-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (min-width:480px){.editor-actions{gap:var(--spacing-md)}}@media (min-width:641px){.editor-actions{gap:var(--spacing-lg)}}@media (min-width:1024px){.editor-actions{gap:var(--spacing-xl)}}.sql-editor{width:100%;min-height:200px;padding:var(--spacing-sm);color:#d4d4d4;font-family:var(--font-mono);resize:vertical;background-color:#1e1e1e;border:none;font-size:.8125rem;line-height:1.5}.sql-editor:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.sql-editor::placeholder{color:#6a6a6a}@media (min-width:480px){.sql-editor{min-height:220px;padding:var(--spacing-md);font-size:.875rem}}@media (min-width:641px){.sql-editor{min-height:250px;padding:var(--spacing-lg);font-size:.9375rem}}@media (min-width:1024px){.sql-editor{min-height:300px;padding:var(--spacing-xl);font-size:1rem}}@media (min-width:1200px){.sql-editor{min-height:350px}}.hint-box{margin:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-primary);background-color:#3b82f61a;border-radius:8px}.hint-box__header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.hint-box__header strong{color:var(--color-primary);font-size:.875rem}.hint-box__close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.hint-box__close:hover{color:var(--color-text-primary)}.hint-box p{color:var(--color-text-primary);font-size:.75rem;line-height:1.5}@media (min-width:480px){.hint-box{margin:var(--spacing-md);padding:var(--spacing-md)}.hint-box__header strong{font-size:.9375rem}.hint-box p{font-size:.8125rem}}@media (min-width:641px){.hint-box{margin:var(--spacing-lg);padding:var(--spacing-lg)}.hint-box__header strong{font-size:1rem}.hint-box p{font-size:.875rem}}@media (min-width:1024px){.hint-box{margin:var(--spacing-xl);padding:var(--spacing-xl)}.hint-box__header strong{font-size:1.125rem}.hint-box p{font-size:.9375rem}}.results-section{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.results-section__title{padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);font-size:.9375rem;font-weight:600}@media (min-width:480px){.results-section__title{padding:var(--spacing-md);font-size:1rem}}@media (min-width:641px){.results-section__title{padding:var(--spacing-lg);font-size:1.125rem}}.results-table-container{overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:.75rem}.results-table th,.results-table td{padding:var(--spacing-xs);text-align:left;border-bottom:1px solid var(--color-border)}.results-table th{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);z-index:1;font-weight:600;position:sticky;top:0}.results-table td{color:var(--color-text-primary);font-family:var(--font-mono)}.results-table tbody tr:hover{background-color:#3b82f60d}.results-table tbody tr:last-child td{border-bottom:none}@media (min-width:480px){.results-table{font-size:.8125rem}.results-table th,.results-table td{padding:var(--spacing-sm)}}@media (min-width:641px){.results-table{font-size:.875rem}.results-table th,.results-table td{padding:var(--spacing-md)}}.results-info{padding:var(--spacing-sm);color:var(--color-text-secondary);text-align:center;background-color:var(--color-bg-tertiary);font-size:.75rem}@media (min-width:480px){.results-info{padding:var(--spacing-md);font-size:.8125rem}}@media (min-width:641px){.results-info{padding:var(--spacing-lg);font-size:.875rem}}@media (min-width:1024px){.results-info{padding:var(--spacing-xl);font-size:.9375rem}}.results-empty,.results-error{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.results-empty p,.results-error p{margin-top:var(--spacing-sm);font-size:.8125rem}.results-empty svg,.results-error svg{width:48px;height:48px;margin:0 0 var(--spacing-md)0;opacity:.5}@media (min-width:480px){.results-empty,.results-error{padding:var(--spacing-xl)}.results-empty p,.results-error p{font-size:.875rem}.results-empty svg,.results-error svg{width:56px;height:56px}}@media (min-width:641px){.results-empty,.results-error{padding:var(--spacing-2xl)}.results-empty p,.results-error p{font-size:.9375rem}.results-empty svg,.results-error svg{width:64px;height:64px}}@media (min-width:1024px){.results-empty,.results-error{padding:var(--spacing-2xl)var(--spacing-xl)}.results-empty p,.results-error p{font-size:1rem}.results-empty svg,.results-error svg{width:72px;height:72px}}.results-error{color:var(--color-error)}.results-error svg{stroke:var(--color-error)}@media (max-width:640px){button,a,summary,.assignment-card{min-width:44px;min-height:44px}}.login-signup{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.login-signup__container{background-color:var(--color-bg-secondary);box-shadow:var(--shadow-lg);border-radius:12px;width:100%;max-width:400px;overflow:hidden}.login-signup__header{background-color:var(--color-bg-tertiary);padding:var(--spacing-xl)var(--spacing-lg);text-align:center;border-bottom:1px solid var(--color-border)}.login-signup__title{margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;gap:var(--spacing-sm);font-size:1.75rem;font-weight:700;display:flex}.login-signup__subtitle{opacity:.9;font-size:.875rem;font-weight:400}.login-signup__tabs{margin-bottom:var(--spacing-lg);background-color:var(--color-bg-tertiary);padding:var(--spacing-xs);border-radius:8px;display:flex}.login-signup__tab{padding:var(--spacing-sm)var(--spacing-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;flex:1;font-weight:600}.login-signup__tab.active{background-color:var(--color-primary);color:#fff}.form-group label{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.form-group input{padding:var(--spacing-md);border:1px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);border-radius:8px;font-size:.9375rem}.form-group input:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.form-group input::placeholder{color:var(--color-text-secondary)}.error-message{color:var(--color-error);text-align:center;padding:var(--spacing-sm);border:1px solid var(--color-error);background-color:#ef44441a;border-radius:6px;font-size:.8125rem}.login-signup__submit{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md)}.login-signup{height:100vh;min-height:100vh;padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary)0%,var(--color-secondary)100%);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-signup__container{background-color:var(--color-bg-secondary);width:100%;max-width:480px;box-shadow:var(--shadow-lg);margin:var(--spacing-md);border-radius:16px;overflow:hidden}.login-signup__header{padding:var(--spacing-xl)var(--spacing-lg);text-align:center;background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.login-signup__title{margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-size:1.5rem;font-weight:700;display:flex}.login-signup__icon{font-size:1.75rem}.login-signup__subtitle{opacity:.9;color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.login-signup__form-container{padding:var(--spacing-xl)var(--spacing-lg)}.login-signup__tabs{margin-bottom:var(--spacing-xl);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:12px;display:flex;overflow:hidden}.login-signup__tab{padding:var(--spacing-md)var(--spacing-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-size:.9375rem;font-weight:600;position:relative}.login-signup__tab.active{background-color:var(--color-primary);color:#fff;box-shadow:inset 0 2px 4px #0000001a}.login-signup__tab:hover:not(.active){background-color:var(--color-border);color:var(--color-text-primary)}.login-signup__tab:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.login-signup__form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600}.form-group input{padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--color-border);background-color:var(--color-bg-primary);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-family);transition:all var(--transition-fast);box-sizing:border-box;border-radius:12px;width:100%}.form-group input:focus{border-color:var(--color-primary);background-color:var(--color-bg-secondary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--color-text-secondary);opacity:.7}.form-group input:hover{border-color:var(--color-primary)}.error-message{padding:var(--spacing-md)var(--spacing-lg);border:2px solid var(--color-error);color:var(--color-error);text-align:center;background-color:#ef44441a;border-radius:12px;font-size:.875rem;font-weight:500}.login-signup__submit{width:100%;padding:var(--spacing-lg)var(--spacing-xl);margin-top:var(--spacing-md);min-height:52px;transition:all var(--transition-fast);border-radius:12px;font-size:1rem;font-weight:600}.login-signup__submit:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-signup__submit:active:not(:disabled){transform:translateY(0)}.login-signup__submit:focus{outline:2px solid var(--color-primary);outline-offset:2px}.login-signup__demo{margin-top:var(--spacing-lg);text-align:center}.login-signup__demo p{color:var(--color-text-secondary);margin:0;font-size:.8125rem;font-style:italic}@media (max-width:640px){.login-signup{padding:var(--spacing-sm)}.login-signup__container{max-width:100%;margin:var(--spacing-sm);border-radius:12px}.login-signup__header{padding:var(--spacing-lg)var(--spacing-md)}.login-signup__title{font-size:1.25rem}.login-signup__icon{font-size:1.5rem}.login-signup__subtitle{font-size:.8125rem}.login-signup__form-container{padding:var(--spacing-lg)var(--spacing-md)}.login-signup__tabs{margin-bottom:var(--spacing-lg)}.login-signup__tab{padding:var(--spacing-sm)var(--spacing-md);font-size:.875rem}.form-group input{padding:var(--spacing-sm)var(--spacing-md);font-size:.9375rem}.login-signup__submit{padding:var(--spacing-md)var(--spacing-lg);min-height:48px;font-size:.9375rem}}@media (min-width:641px){.login-signup__container{max-width:500px}.login-signup__header{padding:var(--spacing-2xl)var(--spacing-xl)}.login-signup__title{font-size:1.75rem}.login-signup__icon{font-size:2rem}.login-signup__subtitle{font-size:1rem}.login-signup__form-container{padding:var(--spacing-2xl)var(--spacing-xl)}.form-group input,.login-signup__submit{font-size:1.0625rem}}@media (min-width:1024px){.login-signup__container{max-width:520px}}