:root{--primary-color:#6366f1;--primary-hover:#4f46e5;--secondary-color:#0ea5e9;--secondary-hover:#0284c7;--danger-hover:#dc2626;--dark-bg:#1e293b;--dark-surface:#0f172a;--light-text:#334155;--dark-text:#f1f5f9;--box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--light-bg);color:#334155;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:Fira Code,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.collections-container,.environments-container,.history-container,.request-builder{display:flex;flex-direction:column;gap:1rem;height:100%}.collections-container,.environments-container,.history-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:300px 1fr;height:100%}h3,h4{font-weight:600;margin-bottom:1rem;margin-top:0}button,h3,h4{color:#334155;color:var(--light-text)}button{align-items:center;background-color:#f1f5f9;border:none;border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--box-shadow);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;padding:.625rem 1.25rem;transition:all .2s ease-in-out}button:hover{background-color:#e2e8f0;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button.create-button,button.save-button,button.send-button{background-color:#6366f1;background-color:var(--primary-color);color:#fff}button.create-button:hover,button.save-button:hover,button.send-button:hover{background-color:#4f46e5;background-color:var(--primary-hover)}button.clear-button,button.delete-button{background-color:#ef4444;background-color:var(--danger-color);color:#fff}button.clear-button:hover,button.delete-button:hover{background-color:#dc2626;background-color:var(--danger-hover)}input,select,textarea{background-color:#fff;background-color:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #0000000d;color:#334155;color:var(--light-text);font-size:.875rem;padding:.625rem;transition:all .2s ease}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}.empty-state{border:1px dashed #e2e8f0;border:1px dashed var(--light-border);border-radius:.5rem;border-radius:var(--radius-lg);color:#64748b;color:var(--light-text-secondary);font-style:normal;gap:1rem;padding:2.5rem}.empty-state,.url-container{background-color:#fff;background-color:var(--light-surface)}.url-container{border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.method-select{font-weight:600;width:120px}.request-tabs,.response-tabs{background-color:#fff;background-color:var(--light-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);border-radius:.375rem .375rem 0 0;border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;margin-bottom:1.5rem;overflow:hidden}.response-tab,.tab-button{background:none;border:none;border-bottom:2px solid #0000;box-shadow:none;color:#64748b;color:var(--light-text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.25rem;transition:all .2s ease}.response-tab:hover,.tab-button:hover{background-color:#f1f5f980;color:#334155;color:var(--light-text)}.response-tab.active,.tab-button.active{background-color:#6366f10d;border-color:#6366f1;border-color:var(--primary-color);color:#6366f1;color:var(--primary-color)}.tab-content{background-color:#fff;background-color:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:0 0 .375rem .375rem;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;padding:1.5rem}.key-value-editor{margin-bottom:1.5rem}.key-value-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.key-value-editor table{border-collapse:collapse;border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--box-shadow);overflow:hidden;width:100%}.key-value-editor td,.key-value-editor th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);padding:.75rem;text-align:left}.key-value-editor th{background-color:#f1f5f980;color:#334155;color:var(--light-text);font-weight:600}.key-value-editor input,.key-value-editor select{border-radius:.25rem;border-radius:var(--radius-sm);width:100%}.key-value-editor input.disabled,.key-value-editor select.disabled{background-color:#f1f5f980;opacity:.5}.add-button{background-color:#10b981;background-color:var(--success-color);color:#fff;font-size:.875rem;padding:.375rem .75rem}.add-button:hover{background-color:#059669}.delete-button{font-size:.875rem;padding:.375rem .75rem}.body-editor{display:flex;flex-direction:column;gap:1.5rem}.body-type-select{background-color:#f1f5f980;border-radius:.375rem;border-radius:var(--radius-md);display:flex;gap:1.5rem;margin-bottom:1rem;padding:.75rem}.body-type-select label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.raw-body-input{background-color:#f1f5f933;border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.375rem;border-radius:var(--radius-md);font-family:Fira Code,monospace;font-size:.875rem;line-height:1.5;min-height:200px;padding:1rem;width:100%}.response-panel{background-color:#fff;background-color:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-top:1.5rem;overflow:hidden}.response-header{background-color:#f5f5f5;border-bottom:1px solid #ddd;padding:.5rem 1rem}.status{align-items:center;display:flex;gap:.5rem}.status-code{border-radius:4px;padding:.25rem .5rem}.status-2xx{background-color:#4caf50;color:#fff}.status-3xx{background-color:#2196f3;color:#fff}.status-4xx,.status-5xx{background-color:#f44336;color:#fff}.status-0xx{background-color:#9e9e9e;color:#fff}.response-meta{color:#666;font-size:12px;gap:1rem}.view-mode-toggle{display:flex;gap:.25rem}.view-mode-button{font-size:12px;padding:.25rem .5rem}.response-body-container{overflow:auto;padding:.5rem}.response-body{font-family:monospace;word-break:break-all}.collections-sidebar,.environments-sidebar,.history-sidebar{border-right:1px solid #ddd;overflow:auto;padding:1rem}.collections-header,.environments-header,.history-header{margin-bottom:1rem}.new-collection-form,.new-environment-form{display:flex;gap:.5rem;margin-bottom:.5rem}.collection-name-input,.environment-name-input{flex-grow:1}.import-label{background-color:#f5f5f5;border-radius:4px;cursor:pointer;display:inline-block;padding:.5rem}.import-label:hover{background-color:#e0e0e0}.collections-list,.environments-list,.history-list{overflow:auto}.collections-list ul,.history-list ul{list-style:none;margin:0;padding:0}.collection-item{margin-bottom:.5rem}.collection-header{background-color:#f5f5f5;border-radius:4px;padding:.5rem}.expand-button{background:none;border:none;cursor:pointer;margin-right:.5rem;padding:0}.collection-name{flex-grow:1}.collection-actions{gap:.25rem}.requests-list{margin:.5rem 0 .5rem 1.5rem}.request-item{padding:.5rem}.request-item:hover{background-color:#f5f5f5}.request-item.selected{background-color:#e3f2fd}.request-info{align-items:center;display:flex;gap:.5rem}.method{border-radius:4px;font-size:12px;font-weight:700;padding:.15rem .5rem}.method-get{background-color:#4caf50}.method-post{background-color:#ff9800}.method-put{background-color:#2196f3}.method-delete{background-color:#f44336}.method-patch{background-color:#9c27b0}.method-head,.method-options{background-color:#607d8b}.request-name{font-size:14px;margin-left:10px}.delete-request-button{background:none;border:none;border-radius:50%;cursor:pointer;opacity:.5;padding:.25rem}.delete-request-button:hover{background-color:#0000001a;opacity:1}.environment-details,.history-details,.request-details{overflow:auto;padding:1rem}.active-environment h3,.entry-details h3,.request-url,.selected-request h3{margin-bottom:1rem}.request-url{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;gap:.5rem;padding:.5rem}.url{font-family:monospace;word-break:break-all}.request-section,.response-section{margin-bottom:2rem}.details-table{border-collapse:collapse;margin-bottom:1rem;width:100%}.details-table td,.details-table th{border-bottom:1px solid #ddd;padding:.5rem;text-align:left;word-break:break-all}.body-preview{background-color:#f5f5f5;border-radius:4px;font-family:monospace;max-height:200px;overflow:auto;padding:.5rem;white-space:pre-wrap;word-break:break-all}.no-active-environment,.no-selection{align-items:center;color:#666;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.environment-item{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.5rem}.environment-actions{gap:.25rem}.activate-button{background-color:#9e9e9e;color:#fff}.activate-button.active{background-color:#4caf50}.help-text{background-color:#e3f2fd;border-radius:4px;font-size:14px;margin-bottom:1rem;padding:.5rem}.variables-table td,.variables-table th{border-bottom:1px solid #ddd;padding:.5rem}.editor-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.history-item{border-radius:4px;margin-bottom:.5rem;padding:.5rem}.history-item:hover{background-color:#f5f5f5}.history-item.selected{background-color:#e3f2fd}.history-item-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.history-url{font-size:14px}.history-item-details{display:flex;justify-content:space-between}.history-item-details,.timestamp{color:#666;font-size:12px}@media (max-width:768px){.collections-container,.environments-container,.history-container{grid-template-columns:1fr}.collections-sidebar,.environments-sidebar,.history-sidebar{border-bottom:1px solid #ddd;border-right:none;margin-bottom:1rem;padding-bottom:1rem}}@media (prefers-color-scheme:dark){body{background-color:#1e1e1e}body,button{color:#e0e0e0}button{background-color:#333}button:hover{background-color:#444}button.create-button,button.save-button,button.send-button{background-color:#007acc}button.create-button:hover,button.save-button:hover,button.send-button:hover{background-color:#0069b3}input,select,textarea{background-color:#333;border-color:#555;color:#e0e0e0}.empty-state{color:#999}.empty-state,.response-tab:hover,.tab-button:hover{background-color:#2d2d2d}.details-table td,.details-table th,.key-value-editor td,.key-value-editor th,.response-header,.response-panel,.variables-table td,.variables-table th{border-color:#444}.response-header{background-color:#2d2d2d}.response-body.json{color:#e0e0e0}.collection-header,.environment-item,.request-item:hover,.request-url{background-color:#2d2d2d}.history-item.selected,.request-item.selected{background-color:#103656}.body-preview{background-color:#2d2d2d}.help-text{background-color:#103656}.history-item:hover{background-color:#2d2d2d}}.method-selector{min-width:120px;position:relative}.method-dropdown{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem;width:100%}.method-button{border-radius:.25rem;border-radius:var(--radius-sm);flex-grow:1;font-size:.75rem;min-width:60px;padding:.25rem .5rem}.method-button.method-get{background-color:#22c55e;color:#fff;color:var(--light-surface)}.method-button.method-post{background-color:#f97316;color:#fff;color:var(--light-surface)}.method-button.method-put{background-color:#06b6d4;color:#fff;color:var(--light-surface)}.method-button.method-delete{background-color:#ef4444;color:#fff;color:var(--light-surface)}.method-button.method-patch{background-color:#a855f7;color:#fff;color:var(--light-surface)}.method-button:hover{filter:brightness(90%);transform:none}.method-button.active{box-shadow:0 0 0 2px #ffffff4d;filter:brightness(110%)}.raw-body-container{display:flex;flex-direction:column;gap:.5rem}.format-button{background-color:#0ea5e9;background-color:var(--secondary-color);color:#fff;font-size:.75rem;padding:.25rem .5rem}.format-button:hover{background-color:#0284c7;background-color:var(--secondary-hover)}.json-error{background-color:#ef44441a;border-radius:.25rem;border-radius:var(--radius-sm);color:#ef4444;color:var(--danger-color);font-size:.875rem;padding:.5rem}.raw-body-input.has-error{border-color:#ef4444;border-color:var(--danger-color)}.loading-spinner{height:16px;margin-right:.25rem;width:16px}.response-tab-content{padding:1rem}.response-headers-container{overflow-x:auto}.headers-table{border-collapse:collapse;width:100%}.headers-table td,.headers-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);padding:.75rem;text-align:left}.headers-table th{background-color:#f1f5f980;font-weight:600}.save-request{align-items:flex-start;display:flex;gap:1rem;margin-top:2rem}.save-request-inputs{flex:1 1;gap:.5rem}.request-name-input{flex:1 1}.collection-select{min-width:200px}.error-message{margin-top:.5rem}.response-size,.response-time{align-items:center;color:#64748b;color:var(--light-text-secondary);display:flex;gap:.25rem}.dark-theme .method-dropdown{background-color:#0f172a80}.dark-theme .headers-table th{background-color:#0f172a99}.dark-theme .json-error{background-color:#ef444433}.dark-theme .format-button{background-color:#0ea5e9;background-color:var(--secondary-color)}.dark-theme .format-button:hover{background-color:#0284c7;background-color:var(--secondary-hover)}.response-body.json{color:#334155;color:var(--light-text)}.response-body.json .string{color:#16a34a}.response-body.json .number{color:#2563eb}.response-body.json .boolean{color:#9333ea}.response-body.json .null{color:#475569}.response-body.json .key{color:#f97316}.dark-theme .response-body.json .string{color:#4ade80}.dark-theme .response-body.json .number{color:#60a5fa}.dark-theme .response-body.json .boolean{color:#c084fc}.dark-theme .response-body.json .null{color:#94a3b8}.dark-theme .response-body.json .key{color:#fb923c}.landing-page{color:#334155;font-family:Inter,sans-serif}.landing-container{padding:0 2rem;width:100%}.landing-hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:6rem 0}.dark-theme .landing-hero{background:linear-gradient(135deg,#1e293b,#0f172a)}.hero-content{max-width:600px}.hero-logo{color:#6366f1;color:var(--primary-color);gap:1rem;margin-bottom:2rem}.hero-logo h1{font-size:3rem;font-weight:700;margin:0}.hero-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#0ea5e9);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-subtitle{color:#64748b;color:var(--light-text-secondary);margin-bottom:2.5rem}.dark-theme .hero-subtitle{color:#94a3b8;color:var(--dark-text-secondary)}.cta-button{border-radius:.375rem;border-radius:var(--radius-md);padding:.875rem 1.5rem;transition:all .2s ease}.cta-button.primary{background-color:#6366f1;background-color:var(--primary-color);border:none;box-shadow:0 4px 6px #6366f140}.cta-button.primary:hover{background-color:#4f46e5;background-color:var(--primary-hover);box-shadow:0 6px 10px #6366f14d}.cta-button.secondary{background-color:initial;border:2px solid #e2e8f0;border:2px solid var(--light-border);color:#334155}.dark-theme .cta-button.secondary{border-color:#334155;border-color:var(--dark-border);color:#f1f5f9;color:var(--dark-text)}.cta-button.secondary:hover{background-color:#0000000d;transform:translateY(-2px)}.dark-theme .cta-button.secondary:hover{background-color:#ffffff0d}.hero-image{display:none;max-width:700px;position:absolute;right:0;top:6rem;width:50%}.hero-image img{border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);height:auto;width:100%}@media (min-width:1024px){.landing-hero .landing-container{align-items:center;display:flex;gap:4rem;position:relative}.hero-content{flex:1 1}.hero-image{display:block;position:relative;top:0;width:45%}}.features-section{background-color:#fff;background-color:var(--light-surface)}.dark-theme .features-section{background-color:#0f172a;background-color:var(--dark-surface)}.section-title{font-weight:700}.features-grid{grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background-color:#f8fafc;background-color:var(--light-bg);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--box-shadow)}.dark-theme .feature-card{background-color:#1e293b;background-color:var(--dark-bg)}.feature-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md)}.feature-icon{background-color:#6366f11a;border-radius:.375rem;border-radius:var(--radius-md);color:#6366f1}.feature-card h3{font-weight:600;margin-bottom:.75rem}.feature-card p{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.dark-theme .feature-card p{color:#94a3b8;color:var(--dark-text-secondary)}.how-it-works-section{background-color:#f8fafc;background-color:var(--light-bg)}.dark-theme .how-it-works-section{background-color:#1e293b;background-color:var(--dark-bg)}.steps-container{flex-direction:column;gap:2rem}@media (min-width:768px){.steps-container{flex-direction:row}}.step-card{background-color:#fff;background-color:var(--light-surface);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--box-shadow)}.dark-theme .step-card{background-color:#0f172a;background-color:var(--dark-surface)}.step-number{background-color:#6366f1;background-color:var(--primary-color);font-size:1.25rem;height:40px;margin-bottom:1.5rem;width:40px}.step-card h3{font-weight:600;margin-bottom:.75rem}.step-card p{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.dark-theme .step-card p{color:#94a3b8;color:var(--dark-text-secondary)}.cta-section{background:linear-gradient(135deg,#6366f1,#0ea5e9);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.cta-section h2{font-weight:700}.cta-section p{margin-bottom:2rem;opacity:.9}.cta-section .cta-button.primary{background-color:#fff;color:#6366f1;color:var(--primary-color)}.cta-section .cta-button.primary:hover{background-color:#ffffffe6}.landing-footer{background-color:#fff;background-color:var(--light-surface);border-top:1px solid #e2e8f0;border-top:1px solid var(--light-border);padding:4rem 0}.dark-theme .landing-footer{background-color:#0f172a;background-color:var(--dark-surface);border-top-color:#334155;border-top-color:var(--dark-border)}.landing-footer .landing-container{display:flex;flex-direction:column;gap:3rem}@media (min-width:768px){.landing-footer .landing-container{flex-direction:row}}.footer-content{flex:1 1}.footer-logo{color:#6366f1;color:var(--primary-color);font-size:1.25rem;font-weight:600}.footer-content p{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.dark-theme .footer-content p{color:#94a3b8;color:var(--dark-text-secondary)}.footer-links{grid-template-columns:repeat(1,1fr)}@media (min-width:480px){.footer-links{grid-template-columns:repeat(3,1fr)}}.footer-links-group h4{font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-links-group a{color:#64748b;color:var(--light-text-secondary);font-size:.875rem;transition:color .2s ease}.dark-theme .footer-links-group a{color:#94a3b8;color:var(--dark-text-secondary)}.footer-links-group a:hover{color:#6366f1}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;background-color:var(--light-surface);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;max-height:90vh;max-width:450px;overflow-y:auto;padding:2rem}.dark-theme .modal-content{background-color:#0f172a;background-color:var(--dark-surface)}.modal-close{background-color:#f8fafc;background-color:var(--light-bg);border:none;box-shadow:none;color:#334155;height:32px;padding:0;right:1.25rem;top:1.25rem;transition:all .2s ease;width:32px}.dark-theme .modal-close{background-color:#1e293b;background-color:var(--dark-bg);color:#f1f5f9;color:var(--dark-text)}.modal-close:hover{background-color:#0000001a;transform:rotate(90deg)}.dark-theme .modal-close:hover{background-color:#ffffff1a}.modal-header{margin-bottom:2rem}.modal-logo{align-items:center;color:#6366f1;color:var(--primary-color)}.modal-header h2{margin-bottom:.75rem}.modal-header p{color:#64748b;color:var(--light-text-secondary);font-size:.875rem}.dark-theme .modal-header p{color:#94a3b8;color:var(--dark-text-secondary)}.social-login{gap:.75rem;margin-bottom:1.5rem}.social-button{background-color:#fff;background-color:var(--light-surface);border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.375rem;border-radius:var(--radius-md);color:#334155;font-size:.875rem;padding:.75rem 1rem}.dark-theme .social-button{background-color:#0f172a;background-color:var(--dark-surface);border-color:#334155;border-color:var(--dark-border);color:#f1f5f9;color:var(--dark-text)}.social-button:hover{background-color:#0000000d}.dark-theme .social-button:hover,.social-button:hover{border-color:#6366f1;border-color:var(--primary-color)}.dark-theme .social-button:hover{background-color:#ffffff0d}.divider{margin:1.5rem 0;text-align:center}.divider:before{background-color:#e2e8f0;background-color:var(--light-border);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.dark-theme .divider:before{background-color:#334155;background-color:var(--dark-border)}.divider span{background-color:#fff;background-color:var(--light-surface);color:#64748b;color:var(--light-text-secondary);display:inline-block;padding:0 .75rem;position:relative}.dark-theme .divider span{background-color:#0f172a;background-color:var(--dark-surface);color:#94a3b8;color:var(--dark-text-secondary)}form{gap:1.25rem}.form-group,form{display:flex;flex-direction:column}.form-group{gap:.5rem}label{color:#334155}.dark-theme label{color:#f1f5f9;color:var(--dark-text)}input[type=email],input[type=password],input[type=text]{border:1px solid #e2e8f0;border:1px solid var(--light-border);border-radius:.375rem;border-radius:var(--radius-md);font-size:.875rem;transition:all .2s ease}.dark-theme input[type=email],.dark-theme input[type=password],.dark-theme input[type=text]{background-color:#0f172a;background-color:var(--dark-surface);border-color:#334155;border-color:var(--dark-border);color:#f1f5f9;color:var(--dark-text)}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#6366f1;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a;outline:none}input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:.75rem}.password-hint{color:#64748b;color:var(--light-text-secondary)}.dark-theme .password-hint{color:#94a3b8;color:var(--dark-text-secondary)}.form-row{align-items:center;display:flex;justify-content:space-between}.checkbox-group{align-items:center;margin-bottom:.75rem}.checkbox-group label{font-weight:400}.checkbox-group input[type=checkbox]{height:16px;width:16px}.forgot-password,.terms-link{color:#6366f1;color:var(--primary-color);font-size:.875rem;text-decoration:none}.forgot-password:hover,.terms-link:hover{text-decoration:underline}.submit-button{background-color:#6366f1;background-color:var(--primary-color);border-radius:.375rem;border-radius:var(--radius-md);font-size:.875rem;padding:.75rem;transition:all .2s ease}.submit-button:hover{background-color:#4f46e5;background-color:var(--primary-hover)}.submit-button.loading{opacity:.8}.modal-footer{color:#64748b;color:var(--light-text-secondary);font-size:.875rem;margin-top:1.5rem}.dark-theme .modal-footer{color:#94a3b8;color:var(--dark-text-secondary)}.text-button{box-shadow:none;color:#6366f1}.text-button:hover{background:none;transform:none}:root{--light-bg:#f8fafc;--light-surface:#fff;--light-border:#e2e8f0;--light-text:#0f172a;--light-text-secondary:#64748b;--dark-bg:#0f172a;--dark-surface:#1e293b;--dark-border:#334155;--dark-text:#f8fafc;--dark-text-secondary:#94a3b8;--primary-color:#4f46e5;--primary-hover:#4338ca;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--bg-content:var(--light-bg);--bg-secondary:var(--light-surface);--bg-input:#fff;--bg-hover:#f1f5f9;--bg-code:#f8fafc;--border-color:var(--light-border);--text-primary:var(--light-text);--text-secondary:var(--light-text-secondary);--text-code:#334155}.dark-theme{--bg-content:var(--dark-bg);--bg-secondary:var(--dark-surface);--bg-input:#1e293b;--bg-hover:#334155;--bg-code:#1e293b;--border-color:var(--dark-border);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-secondary);--text-code:#e2e8f0}.App{background-color:#f8fafc;background-color:var(--bg-content);color:#0f172a;color:var(--text-primary);display:flex;flex-direction:column;height:100vh}.app-layout,.app-sidebar{display:flex;height:100%;overflow:hidden}.app-sidebar{background-color:#fff;background-color:var(--light-surface);border-right:1px solid #e2e8f0;border-right:1px solid var(--light-border);flex-direction:column;transition:width .3s ease;width:240px;z-index:10}.app-sidebar.collapsed{width:60px}.app-logo{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);color:#4f46e5;color:var(--primary-color);display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;padding:1.25rem}.app-nav{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem 0}.nav-item{align-items:center;background-color:initial;border-left:3px solid #0000;border-radius:0;box-shadow:none;color:#64748b;color:var(--light-text-secondary);cursor:pointer;display:flex;gap:.75rem;justify-content:flex-start;margin:.25rem 0;padding:.75rem 1.25rem;transition:all .2s ease}.nav-item svg{min-width:20px}.nav-item:hover{background-color:#f1f5f9cc;color:#0f172a;color:var(--light-text);transform:none}.nav-item.active{background-color:#6366f11a;border-left-color:#4f46e5;border-left-color:var(--primary-color);color:#4f46e5;color:var(--primary-color)}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--light-border);padding:1rem 0}.app-main{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.app-header{align-items:center;background-color:#fff;background-color:var(--light-surface);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--light-border);display:flex;height:64px;justify-content:space-between;padding:0 1.5rem}.app-header h1{color:#0f172a;color:var(--light-text);font-size:1.25rem;font-weight:600;margin:0}.header-actions{gap:1rem}.github-link,.header-actions{align-items:center;display:flex}.github-link{color:#64748b;color:var(--light-text-secondary);font-weight:500;gap:.5rem;text-decoration:none;transition:color .2s ease}.github-link:hover{color:#4f46e5;color:var(--primary-color)}.app-content{flex:1 1;overflow:auto;padding:1.5rem;position:relative}.dark-theme{background-color:#0f172a;background-color:var(--dark-bg);color:#f8fafc;color:var(--dark-text)}.dark-theme .app-header,.dark-theme .app-sidebar,.dark-theme .response-panel,.dark-theme .tab-content,.dark-theme .url-container{background-color:#1e293b;background-color:var(--dark-surface);border-color:#334155;border-color:var(--dark-border)}.dark-theme .app-sidebar{border-right-color:#334155;border-right-color:var(--dark-border)}.dark-theme .app-header{border-bottom-color:#334155;border-bottom-color:var(--dark-border)}.dark-theme h1,.dark-theme h3,.dark-theme h4{color:#f8fafc;color:var(--dark-text)}.dark-theme .nav-item{color:#94a3b8;color:var(--dark-text-secondary)}.dark-theme .nav-item:hover{background-color:#0f172a99;color:#f8fafc;color:var(--dark-text)}.dark-theme .nav-item.active{background-color:#6366f126}.dark-theme .app-logo,.dark-theme .sidebar-footer{border-color:#334155;border-color:var(--dark-border)}.dark-theme button{background-color:#1e293b;background-color:var(--dark-surface);color:#f8fafc;color:var(--dark-text)}.dark-theme button:hover{background-color:#1a2234}.dark-theme input,.dark-theme select,.dark-theme textarea{background-color:#1e293b;background-color:var(--dark-surface);border-color:#334155;border-color:var(--dark-border);color:#f8fafc;color:var(--dark-text)}.dark-theme .github-link{color:#94a3b8;color:var(--dark-text-secondary)}.dark-theme .github-link:hover{color:#4f46e5;color:var(--primary-color)}@media (max-width:768px){.app-sidebar{bottom:0;box-shadow:0 0 10px #0000001a;left:0;position:absolute;top:0;z-index:100}.app-sidebar.collapsed{transform:translateX(-100%)}}.component-container{background-color:var(--bg-content);border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:24px}.dark-theme .component-container{box-shadow:0 4px 12px #0003}.component-header{border-bottom:1px solid var(--border-color);padding-bottom:16px}.component-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.component-header-actions{display:flex;gap:12px}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.dark-theme .btn-primary{background-color:#6366f1}.dark-theme .btn-primary:hover{background-color:#4f46e5}.btn-secondary{background-color:#f3f4f6;color:#1f2937}.btn-secondary:hover{background-color:#e5e7eb}.dark-theme .btn-secondary{background-color:#374151;color:#f9fafb}.dark-theme .btn-secondary:hover{background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover{background-color:#dc2626}.request-builder-container{display:flex;flex-direction:column;gap:16px}.url-input-container{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000000a;display:flex;gap:8px;overflow:hidden;padding:4px}.method-selector{min-width:100px;overflow:hidden}.method-button{align-items:center;display:flex;justify-content:space-between;text-align:left}.method-get{background-color:#10b981;color:#fff}.method-post{background-color:#f59e0b;color:#fff}.method-put{background-color:#3b82f6;color:#fff}.method-delete{background-color:#ef4444;color:#fff}.method-patch{background-color:#8b5cf6;color:#fff}.method-head,.method-options{background-color:#6b7280;color:#fff}.url-input{background-color:initial;border:none;color:var(--text-primary);flex-grow:1;font-size:1rem;padding:10px 16px}.url-input:focus{outline:none}.send-button{background-color:#4f46e5;font-weight:500;padding:8px 20px;transition:background-color .2s ease}.send-button:hover{background-color:#4338ca}.tabs-container{border-bottom:1px solid var(--border-color)}.tabs-list{display:flex;gap:4px;list-style:none;margin:0;overflow-x:auto;padding:0}.tab-item{border-bottom:2px solid #0000;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.tab-item:hover{background-color:#00000008;color:var(--text-primary)}.dark-theme .tab-item:hover{background-color:#ffffff08}.tab-item.active{border-bottom-color:#4f46e5;color:#4f46e5}.dark-theme .tab-item.active{border-bottom-color:#6366f1;color:#6366f1}.response-container{border:1px solid var(--border-color);border-radius:8px;margin-top:24px;overflow:hidden}.response-header{align-items:center;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 16px}.response-status{align-items:center;display:flex;gap:8px}.status-badge{border-radius:50px;font-size:.875rem;font-weight:600;padding:4px 10px}.status-2xx{background-color:#10b9811a;color:#10b981}.status-3xx{background-color:#3b82f61a;color:#3b82f6}.status-4xx,.status-5xx{background-color:#ef44441a;color:#ef4444}.dark-theme .status-2xx{background-color:#10b98133}.dark-theme .status-3xx{background-color:#3b82f633}.dark-theme .status-4xx,.dark-theme .status-5xx{background-color:#ef444433}.response-meta{color:var(--text-secondary);font-size:.875rem}.response-body-container{background-color:var(--bg-code);max-height:400px;overflow-y:auto;padding:16px}.response-body{color:var(--text-code);font-family:Fira Code,monospace;font-size:.875rem;margin:0}.collections-layout{display:flex;gap:24px;height:100%;.collections-sidebar{flex:1 1 30%}.collections-content{flex:1 1 80%}}.collections-sidebar{border-right:1px solid var(--border-color);overflow-y:auto;padding-right:24px;width:280px}.collections-content{flex-grow:1;overflow-y:auto}.collection-list{list-style:none;margin:0;padding:0}.collection-item{margin-bottom:8px}.collection-header{align-items:center;background-color:var(--bg-secondary);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:background-color .2s ease}.collection-header:hover{background-color:var(--bg-hover)}.collection-name{align-items:center;display:flex;font-weight:500;gap:8px}.collection-actions{display:flex;gap:4px}.action-button{background:none;border:none;border-radius:4px;cursor:pointer;opacity:.6;padding:4px;transition:opacity .2s ease}.action-button:hover{background-color:#0000000d;opacity:1}.dark-theme .action-button:hover{background-color:#ffffff0d}.requests-list{list-style:none;margin:8px 0 16px 16px;padding:0}.request-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px 12px}.request-item:hover{background-color:var(--bg-hover)}.request-item.active{background-color:#4f46e51a}.dark-theme .request-item.active{background-color:#6366f126}.request-method-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600;margin-right:8px;padding:2px 6px;text-transform:uppercase}.environments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.environment-card{border:1px solid var(--border-color)}.environment-card:hover{box-shadow:0 4px 12px #00000014}.dark-theme .environment-card:hover{box-shadow:0 4px 12px #00000026}.environment-name{font-size:1.1rem}.environment-actions{display:flex;gap:8px}.active-pill{background-color:#10b9811a;border-radius:50px;color:#10b981;display:inline-block;font-size:.75rem;font-weight:600;margin-left:8px;padding:4px 8px}.dark-theme .active-pill{background-color:#10b98133}.environment-variables{margin-top:12px;max-height:200px;overflow-y:auto}.variables-table{border-collapse:collapse;font-size:.875rem;width:100%}.variables-table td,.variables-table th{border-bottom:1px solid var(--border-color);padding:8px 12px;text-align:left}.variables-table th{color:var(--text-secondary);font-weight:500}.history-list{list-style:none;margin:0;padding:0}.history-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;margin-bottom:12px;padding:16px;transition:all .2s ease}.history-item:hover{background-color:var(--bg-hover)}.history-item.active{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5}.dark-theme .history-item.active{border-color:#6366f1;box-shadow:0 0 0 1px #6366f1}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.history-method-url{align-items:center;display:flex;gap:8px}.history-url{font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-timestamp{color:var(--text-secondary);font-size:.8rem}.history-response-info{color:var(--text-secondary);font-size:.875rem;margin-top:8px}.empty-state{height:100%;padding:48px}.empty-icon{height:64px;margin-bottom:24px;opacity:.5;width:64px}.empty-title{color:var(--text-primary);font-size:1.25rem;font-weight:500;margin-bottom:8px}.empty-description{color:var(--text-secondary);margin-bottom:24px;max-width:400px}.key{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;display:inline-block;font-family:Fira Code,monospace;font-size:.75rem;margin:0 2px;padding:2px 6px}.loading-spinner{border:2px solid #4f46e51a;border-left-color:#4f46e5;height:24px;width:24px}.dark-theme .loading-spinner{border:2px solid #6366f11a;border-left-color:#6366f1}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:8px}.form-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:10px 12px;width:100%}.form-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.dark-theme .form-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.tooltip{position:relative}.tooltip:hover:after{background-color:#1f2937;border-radius:4px;color:#fff;content:attr(data-tooltip);font-size:.75rem;padding:4px 8px;top:-30px;white-space:nowrap}.tooltip:hover:after,.tooltip:hover:before{left:50%;position:absolute;transform:translateX(-50%);z-index:10}.tooltip:hover:before{border:4px solid #0000;border-top-color:#1f2937;content:"";top:-8px}.request-builder-modern{--primary-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--secondary-gradient:linear-gradient(135deg,#10b981,#3b82f6);--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px #0000001a;--neu-shadow-light:8px 8px 16px #c8c8e633,-8px -8px 16px #ffffffb3;--neu-shadow-dark:8px 8px 16px #0000004d,-8px -8px 16px #46465a33;--radius-md:12px;--radius-lg:16px;--shadow-smooth:0 10px 30px -10px #00000026}.dark-theme .request-builder-modern{--glass-bg:#1e1e2880;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px #0000004d}.gradient-text{background:var(--primary-gradient);display:inline-block;font-weight:600}.glass-panel{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow);margin-bottom:24px}.dark-theme .glass-panel{background:var(--glass-bg);border-color:var(--glass-border)}.environment-pill{align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;display:flex;padding:6px 16px}.active-env{font-weight:500}.env-indicator{animation:pulse 2s infinite;background:#10b981;box-shadow:0 0 10px #10b981b3}.no-env{color:var(--text-secondary);font-size:.9rem;font-style:italic}.url-container{gap:10px;min-height:60px;padding:12px}.method-selector-modern{min-width:110px;position:relative}.selected-method{align-items:center;background:var(--primary-gradient);border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;padding:10px 16px;position:relative;text-transform:uppercase;transition:all .3s ease}.selected-method:after{content:"▼";font-size:8px;margin-left:8px;opacity:.8;transition:transform .3s ease}.selected-method:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}.show-dropdown+.selected-method:after{transform:rotate(180deg)}.method-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 12px;text-align:center;transition:all .2s ease;width:100%}.method-button.get{background-color:#10b98126;color:#10b981}.method-button.post{background-color:#f59e0b26;color:#f59e0b}.method-button.put{background-color:#3b82f626;color:#3b82f6}.method-button.delete{background-color:#ef444426;color:#ef4444}.method-button.patch{background-color:#8b5cf626;color:#8b5cf6}.method-button.head,.method-button.options{background-color:#6b728026;color:#6b7280}.method-button:hover{filter:brightness(1.1)}.method-button.active{box-shadow:inset 0 0 0 2px currentColor}.url-input-modern{background:#ffffff12;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);flex-grow:1;font-size:1rem;height:48px;padding:12px 16px}.url-input-modern:focus{background:#ffffff1a;border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.dark-theme .url-input-modern{background:#0003}.dark-theme .url-input-modern:focus{background:#0000004d}.send-button-modern{align-items:center;background:var(--secondary-gradient);border:none;border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.send-button-modern:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.send-button-modern:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-pulse{animation:pulse-loading 1.5s ease-in-out infinite;background:#ffffffb3;border-radius:50%;height:20px;width:20px}@keyframes pulse-loading{0%{opacity:.8;transform:scale(.8)}50%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(.8)}}.tabs-list-modern{border-bottom:1px solid var(--border-color);gap:4px;margin:0}.tab-item-modern{border-bottom:2px solid #0000;color:var(--text-secondary);padding:12px 20px}.tab-item-modern:hover{background-color:#6366f10d;color:var(--text-primary)}.tab-item-modern.active{border-bottom-color:#6366f1;color:#6366f1}.dark-theme .tab-item-modern.active{border-bottom-color:#818cf8;color:#818cf8}.body-type-button{background:#0000000d;border:1px solid #0000;color:var(--text-secondary);padding:10px 16px}.dark-theme .body-type-button{background:#ffffff0d}.body-type-button:hover{background:#6366f11a;color:#6366f1}.body-type-button.active{background:#6366f126;border-color:#6366f14d;color:#6366f1}.raw-body-container-modern{gap:8px}.raw-body-header{margin-bottom:8px}.body-type-label{color:var(--text-primary)}.format-button-modern{background:#6366f11a;border-radius:6px;color:#6366f1;padding:8px 12px}.format-button-modern:hover{background:#6366f133}.json-error-modern{background:#ef44441a;border-radius:6px;color:#ef4444;font-size:.9rem;margin-bottom:8px}.raw-body-input-modern{background:#0000000d;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:monospace;font-size:.9rem;line-height:1.5}.dark-theme .raw-body-input-modern{background:#0003}.raw-body-input-modern:focus{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.raw-body-input-modern.has-error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.save-request-modern{margin-bottom:24px}.section-header h3{color:var(--text-primary);font-size:1.1rem}.save-request-inputs{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.input-group label{color:var(--text-secondary);font-size:.9rem}.modern-input,.modern-select{background:#ffffff12;border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.95rem;padding:10px 14px}.dark-theme .modern-input,.dark-theme .modern-select{background:#0003}.modern-input:focus,.modern-select:focus{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}.save-button-modern{background:var(--primary-gradient);border:none;border-radius:8px;box-shadow:0 4px 12px #6366f14d;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.save-button-modern:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.save-button-modern:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.error-message-modern{background:#ef44441a;border-radius:6px;color:#ef4444;font-size:.9rem;margin-top:12px;padding:10px 14px}.response-panel-modern{margin-top:30px}.response-header-modern{margin-bottom:16px}.status-badge-modern{border-radius:50px;gap:8px;padding:8px 14px}.status-2xx.status-badge-modern{background-color:#10b9811a;box-shadow:0 2px 8px #10b98133;color:#10b981}.status-3xx.status-badge-modern{background-color:#3b82f61a;box-shadow:0 2px 8px #3b82f633;color:#3b82f6}.status-4xx.status-badge-modern,.status-5xx.status-badge-modern{background-color:#ef44441a;box-shadow:0 2px 8px #ef444433;color:#ef4444}.status-code{font-size:.95rem}.meta-item{background:#0000000d;border-radius:50px;color:var(--text-secondary);font-size:.8rem;padding:6px 12px}.dark-theme .meta-item{background:#ffffff0d}.view-mode-toggle-modern{margin-bottom:12px;padding:3px;width:fit-content}.view-mode-button-modern{color:var(--text-secondary);padding:8px 16px}.view-mode-button-modern.active{box-shadow:0 2px 8px #0000001a;color:#6366f1}.dark-theme .view-mode-button-modern.active{background:#1e1e28e6;box-shadow:0 2px 8px #0003;color:#818cf8}.response-body-container-modern{background:#0000000d;border-radius:8px;overflow:hidden;padding:0;position:relative}.dark-theme .response-body-container-modern{background:#0003}.response-body.json{font-family:Fira Code,monospace}.response-body.json,.response-body.raw{font-size:.9rem;line-height:1.6;margin:0;overflow-x:auto;padding:16px}.response-body.raw{font-family:monospace;white-space:pre-wrap}.response-headers-container-modern{background:#00000008;border-radius:8px;overflow:hidden}.dark-theme .response-headers-container-modern{background:#00000026}.modern-table td,.modern-table th{border-bottom:1px solid var(--border-color);padding:12px 16px}.modern-table th{color:var(--text-secondary);font-size:.9rem}.dark-theme .modern-table th{background:#ffffff05}.modern-table tr:last-child td{border-bottom:none}@media (max-width:768px){.save-request-inputs{grid-template-columns:1fr}.response-header-modern{align-items:flex-start;flex-direction:column;gap:12px}.response-meta{margin-top:12px}}.environment-create-form{margin-bottom:20px}.environment-create-form .input-with-button{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr auto}.environment-card{background-color:var(--bg-secondary);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;margin-bottom:16px;padding:16px;transition:all .2s ease}.environment-card:hover{box-shadow:0 4px 8px #0000001a}.dark-theme .environment-card:hover{box-shadow:0 4px 8px #00000040}.environment-card.selected{background-color:#4f46e50d;border-color:#4f46e5}.dark-theme .environment-card.selected{background-color:#6366f11a;border-color:#6366f1}.environment-description{border-left:3px solid var(--border-color);font-size:.875rem;line-height:1.4;margin:8px 0 12px;padding-left:12px}.environment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.environment-description-editor{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:20px;padding:12px}.description-edit-form{display:flex;flex-direction:column;gap:8px}.description-textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-family:inherit;line-height:1.5;min-height:80px;padding:12px;resize:vertical;width:100%}.description-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5;outline:none}.description-display{align-items:center;cursor:pointer;display:flex;min-height:40px}.description-display:hover{background-color:#00000008}.dark-theme .description-display:hover{background-color:#ffffff08}.empty-description-text{color:var(--text-secondary);font-style:italic}.variables-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px}.variables-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.variables-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.search-filter-container{align-items:center;display:flex;gap:8px}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--text-secondary);left:10px;position:absolute}.search-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);padding:8px 32px 8px 36px;width:200px}.search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5;outline:none}.clear-search{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:10px}.clear-search:hover,.filter-select{color:var(--text-primary)}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:6px;padding:8px 32px 8px 12px}.filter-select:focus{border-color:#4f46e5;box-shadow:0 0 0 1px #4f46e5;outline:none}.variables-actions{display:flex;gap:8px}.btn-sm{font-size:.875rem;padding:6px 12px}.sortable-header{cursor:pointer;padding-right:24px;position:relative;-webkit-user-select:none;user-select:none}.sortable-header:hover{background-color:#00000008}.dark-theme .sortable-header:hover{background-color:#ffffff08}.sort-indicator{color:#4f46e5;position:absolute;right:8px}.dark-theme .sort-indicator{color:#6366f1}.sorted{color:#4f46e5;position:relative}.dark-theme .sorted{color:#6366f1}.variables-table tr.disabled-row td{opacity:.6}.variables-table tr.disabled-row:hover td{opacity:.8}.variables-table .form-input.disabled{background-color:#00000008;color:var(--text-secondary)}.dark-theme .variables-table .form-input.disabled{background-color:#ffffff0d}@media (max-width:768px){.environment-create-form .input-with-button{grid-template-columns:1fr}.variables-header{align-items:flex-start;flex-direction:column}.search-filter-container{align-items:stretch;flex-direction:column;width:100%}.search-input{width:100%}.variables-actions{justify-content:space-between;width:100%}}.send-button{align-items:center;background:linear-gradient(135deg,#4a6cf7,#2541b2);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;min-width:90px;overflow:hidden;position:relative;transition:all .2s ease-in-out}.send-button:not(:disabled):hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.send-button:not(:disabled):active{box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.send-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-small{font-size:12px;height:32px;padding:0 12px}.btn-medium{font-size:14px;height:40px;padding:0 16px}.btn-large{font-size:16px;height:48px;padding:0 24px}.method-get{background:linear-gradient(135deg,#4caf50,#2e7d32)}.method-post{background:linear-gradient(135deg,#ff9800,#e65100)}.method-put{background:linear-gradient(135deg,#2196f3,#0d47a1)}.method-delete{background:linear-gradient(135deg,#f44336,#b71c1c)}.method-patch{background:linear-gradient(135deg,#9c27b0,#4a148c)}.method-options{background:linear-gradient(135deg,#607d8b,#263238)}.method-head{background:linear-gradient(135deg,#795548,#3e2723)}.method-indicator{background-color:#fff3;border-radius:4px;font-size:.75em;font-weight:700;letter-spacing:.5px;padding:2px 6px}.loading-animation{align-items:center;display:flex;gap:4px;justify-content:center}.dot{background-color:#fff;border-radius:50%;height:6px;opacity:.8;width:6px}.dot1{animation:pulse 1.2s ease-in-out infinite}.dot2{animation:pulse 1.2s ease-in-out .4s infinite}.dot3{animation:pulse 1.2s ease-in-out .8s infinite}.send-icon{stroke:currentColor;height:16px;width:16px}.send-button:before{background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease-in-out;width:100%}.send-button:not(:disabled):hover:before{left:100%}@media (max-width:768px){.btn-medium{height:36px;padding:0 12px}.btn-large{height:42px;padding:0 18px}}.method-dropdown-container{min-width:110px;position:relative;z-index:100}.method-selector{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:10px 12px;transition:all .2s ease;width:100%}.method-selector,.method-selector.get{background-color:#61affe33;color:#2186e4}.method-selector.post{background-color:#49cc9033;color:#27ae60}.method-selector.put{background-color:#fca13033;color:#f39c12}.method-selector.delete{background-color:#f93e3e33;color:#e74c3c}.method-selector.patch{background-color:#ba55d333;color:#9b59b6}.method-selector.head,.method-selector.options{background-color:#96969633;color:#555}.dropdown-arrow{border:solid;border-width:0 2px 2px 0;display:inline-block;margin-left:5px;padding:2px;transform:rotate(45deg);transition:transform .2s ease}.method-selector.active .dropdown-arrow{transform:rotate(225deg)}.method-options{animation:fadeIn .2s ease;background:#fff;border-radius:6px;box-shadow:0 4px 16px #00000026;left:0;overflow:hidden;position:absolute;top:calc(100% + 5px);width:100%;z-index:101}.method-option{background:#0000;border:none;cursor:pointer;display:block;font-size:13px;font-weight:500;padding:8px 12px;text-align:left;transition:background-color .2s ease;width:100%}.method-option:hover{background-color:#0000000d}.method-option.selected{font-weight:600}.method-option.get{color:#2186e4}.method-option.post{color:#27ae60}.method-option.put{color:#f39c12}.method-option.delete{color:#e74c3c}.method-option.patch{color:#9b59b6}.method-option.head,.method-option.options{color:#555}.method-option.get.selected{background-color:#61affe1a}.method-option.post.selected{background-color:#49cc901a}.method-option.put.selected{background-color:#fca1301a}.method-option.delete.selected{background-color:#f93e3e1a}.method-option.patch.selected{background-color:#ba55d31a}.method-option.head.selected,.method-option.options.selected{background-color:#9696961a}.dark-theme .method-options{background:#2d2d3a;box-shadow:0 4px 16px #0000004d}.dark-theme .method-option:hover{background-color:#ffffff0d}@media (max-width:768px){.method-selector{font-size:13px;padding:8px 10px}}.method-dropdown-modern{z-index:1000}.url-container{align-items:center;background:#fff;background:var(--bg-content,#fff);border-radius:10px;box-shadow:0 4px 12px #0000000d;display:flex;gap:8px;padding:8px 12px;position:relative}.url-input-modern{background:#fffc;border:1px solid #0000001a;border-radius:6px;color:#333;flex:1 1;font-size:14px;padding:10px 12px;transition:all .2s ease}.url-input-modern:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726;outline:none}.dark-theme .url-input-modern{background:#1e1e28cc;border-color:#ffffff1a;color:#eee}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 24px #0000001a;margin-bottom:20px;overflow:visible;padding:20px;position:relative}.component-container{margin:0 auto;max-width:1200px;padding:20px}.component-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.gradient-text{-webkit-text-fill-color:#0000;text-fill-color:#0000;background:linear-gradient(90deg,#4a6cf7,#6a3ef7)}.environment-pill{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px}.active-env{align-items:center;display:flex;gap:8px}.env-indicator{background-color:#4caf50;border-radius:50%;height:8px;width:8px}.no-env{color:#999}.component-container.request-builder-modern{height:auto;min-height:100%;overflow-y:visible;padding-bottom:20px;position:relative}.response-body-container-modern,.response-headers-container-modern,.response-panel-modern,.tab-content{max-height:500px;overflow:auto;position:relative}.response-body{overflow-x:auto;white-space:pre-wrap;word-break:break-word}.response-header-modern,.section-header,.view-mode-toggle-modern{background:var(--bg-panel);top:0;z-index:10}body{overflow-y:auto}.url-input-modern{text-overflow:ellipsis}.body-editor-modern,.save-request-modern{overflow:visible;position:relative}.request-builder-modern{margin-bottom:50px}.response-panel-modern{position:relative;z-index:5}.modern-table{table-layout:fixed}.modern-table td{overflow-wrap:break-word;word-break:break-word}.tabs-container{margin-bottom:16px}.tabs-list-modern{display:flex;gap:2px;list-style:none;margin:0 0 -1px;padding:0;position:relative;z-index:5}.tab-item-modern{align-items:center;background:#0000000d;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.tab-item-modern svg{opacity:.7}.tab-item-modern:hover{background:#00000014}.tab-item-modern.active{background:#fff;background:var(--bg-content,#fff);border-color:#0000001a #0000001a #0000;color:#4a6cf7}.tab-item-modern.active svg{color:#4a6cf7;opacity:1}.dark-theme .tab-item-modern.active{background:#1e1e28;background:var(--bg-content,#1e1e28);border-color:#ffffff1a #ffffff1a #0000}.tab-content{background:#fff;background:var(--bg-content,#fff);border:1px solid #0000001a;border-radius:0 8px 8px 8px;min-height:200px;padding:16px}.dark-theme .tab-content{background:#1e1e28;background:var(--bg-content,#1e1e28);border-color:#ffffff1a}.body-editor-modern{display:flex;flex-direction:column;gap:16px}.body-type-select-modern{display:flex;gap:8px;margin-bottom:16px}.body-type-button{background:#0000;border:1px solid #0000001a;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 14px;transition:all .2s ease}.body-type-button:hover{background:#0000000d}.body-type-button.active{background:#4a6cf71a;border-color:#4a6cf74d;color:#4a6cf7}.dark-theme .body-type-button{border-color:#ffffff1a}.dark-theme .body-type-button:hover{background:#ffffff0d}.dark-theme .body-type-button.active{background:#4a6cf733}.raw-body-container-modern{display:flex;flex-direction:column;gap:12px}.raw-body-header{align-items:center;display:flex;justify-content:space-between}.body-type-label{color:#666;font-size:14px;font-weight:500}.format-button-modern{align-items:center;background:#0000000d;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;transition:all .2s ease}.format-button-modern:hover{background:#0000001a}.format-button-modern svg{height:14px;width:14px}.raw-body-input-modern{background:#00000005;border:1px solid #0000001a;border-radius:6px;font-family:Consolas,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.raw-body-input-modern:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726;outline:none}.raw-body-input-modern.has-error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c26}.json-error-modern{align-items:center;background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;display:flex;font-size:13px;gap:8px;padding:8px 12px}.save-request-modern{display:flex;flex-direction:column;gap:16px}.section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.section-header svg{opacity:.7}.section-header h3{font-size:18px;font-weight:600;margin:0}.save-request-inputs{display:flex;gap:16px;margin-bottom:16px}.input-group{display:flex;flex:1 1;flex-direction:column;gap:6px}.input-group label{color:#666;font-size:14px;font-weight:500}.modern-input,.modern-select{border:1px solid #0000001a;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .2s ease}.modern-input:focus,.modern-select:focus{border-color:#4a6cf7;box-shadow:0 0 0 3px #4a6cf726;outline:none}.save-button-override{align-self:flex-start;margin-top:10px;max-width:200px;width:auto}.error-message-modern{background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;font-size:13px;margin-top:8px;padding:8px 12px}.response-panel-modern{display:flex;flex-direction:column;gap:16px}.response-header-modern{align-items:center;border-bottom:1px solid #0000001a;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-bottom:16px}.response-title{align-items:center;display:flex;gap:10px}.response-title svg{opacity:.7}.response-title h3{font-size:18px;font-weight:600;margin:0}.response-status-container,.status-badge-modern{align-items:center;display:flex}.status-badge-modern{border-radius:20px;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.status-2xx{background-color:#27ae601a;color:#27ae60}.status-3xx{background-color:#3498db1a;color:#3498db}.status-4xx{background-color:#e74c3c1a;color:#e74c3c}.status-5xx{background-color:#9b59b61a;color:#9b59b6}.status-0xx{background-color:#7f8c8d1a;color:#7f8c8d}.status-code{font-weight:700}.response-meta{display:flex;gap:16px}.meta-item{align-items:center;color:#666;display:flex;font-size:13px;gap:6px}.meta-item svg{height:14px;opacity:.7;width:14px}.view-mode-toggle-modern{background:#0000000d;border-radius:6px;display:flex;gap:2px;margin-bottom:16px;padding:4px}.view-mode-button-modern{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.view-mode-button-modern.active{background:#fff;box-shadow:0 2px 4px #0000000d}.dark-theme .view-mode-toggle-modern{background:#ffffff0d}.dark-theme .view-mode-button-modern.active{background:#1e1e28f2}.response-body-container-modern{background:#00000005;border-radius:6px;overflow:auto}.response-body{font-family:Consolas,monospace;font-size:14px;line-height:1.5;padding:16px}.response-body.json{color:#333}.response-tab-content{background:#fff;background:var(--bg-content,#fff);border:1px solid #0000001a;border-radius:0 8px 8px 8px;padding:16px}.modern-table{border-collapse:collapse;width:100%}.modern-table td,.modern-table th{border-bottom:1px solid #0000000d;padding:10px 16px;text-align:left}.modern-table th{background:#00000005;color:#666;font-weight:600}.dark-theme .modern-table th{background:#ffffff0d}.modern-table tr:hover td{background:#00000005}.dark-theme .modern-table tr:hover td{background:#ffffff05}.empty-state{align-items:center;color:#999;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px;text-align:center}.response-actions{display:flex;gap:10px;margin-top:16px}.retry-request-button{min-width:100px}.copy-response-button{align-items:center;background:#0000000d;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 12px;transition:all .2s ease}.copy-response-button:hover{background:#0000001a}.copy-response-button svg{height:16px;opacity:.7;width:16px}.url-send-button{align-items:center;display:flex;justify-content:center;min-width:100px}.dark-theme .glass-panel{background:#1e1e284d;border-color:#ffffff0d}.dark-theme .modern-input,.dark-theme .modern-select,.dark-theme .raw-body-input-modern{background:#1e1e28cc;border-color:#ffffff1a;color:#eee}.dark-theme .body-type-label,.dark-theme .input-group label,.dark-theme .meta-item{color:#aaa}.dark-theme .copy-response-button,.dark-theme .format-button-modern{background:#ffffff1a}.dark-theme .copy-response-button:hover,.dark-theme .format-button-modern:hover{background:#ffffff26}.dark-theme .response-body.json{color:#eee}.dark-theme .response-body-container-modern{background:#ffffff08}@media (max-width:768px){.save-request-inputs{flex-direction:column}.url-container{flex-wrap:wrap}.method-dropdown-modern{margin-bottom:8px;width:100%}.url-input-modern{width:calc(100% - 120px)}.response-header-modern{align-items:flex-start;flex-direction:column}.response-meta{justify-content:space-between;width:100%}.tab-item-modern{font-size:13px;padding:8px 12px}.section-header h3{font-size:16px}}.method-dropdown-modern{position:relative;z-index:1001}.method-dropdown-modern .method-options{z-index:1002}.response-panel-modern{animation:fadeIn .3s ease-in-out}.url-send-button.method-get{background:linear-gradient(135deg,#4caf50,#2e7d32)}.url-send-button.method-post{background:linear-gradient(135deg,#ff9800,#e65100)}.url-send-button.method-put{background:linear-gradient(135deg,#2196f3,#0d47a1)}.url-send-button.method-delete{background:linear-gradient(135deg,#f44336,#b71c1c)}.url-send-button.method-patch{background:linear-gradient(135deg,#9c27b0,#4a148c)}.url-send-button.method-head,.url-send-button.method-options{background:linear-gradient(135deg,#607d8b,#263238)}:root{--primary:#03a9f4;--primary-dark:#0288d1;--primary-light:#b3e5fc;--accent:#7c4dff;--success:#00c853;--warning:#ffd600;--error:#ff1744;--background:#0a1929;--card-bg:#132f4c;--surface:#173a5e;--border:#234d6f;--text-primary:#fff;--text-secondary:#ffffffb3;--text-disabled:#ffffff80;--method-get:#00c853;--method-post:#2979ff;--method-put:#ff9100;--method-delete:#ff3d00;--method-patch:#9c27b0;--status-2xx:#00c853;--status-3xx:#ffab00;--status-4xx:#ff3d00;--status-5xx:#d50000;--status-0xx:#78909c}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.request-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;.request-actions{display:flex;gap:1rem}}.count-label{margin-left:10px}.editor-header{margin-bottom:2em}.futuristic-container{animation:fadeIn .3s ease-in;background-color:#0a1929;background-color:var(--background);border-radius:12px;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;height:100%;padding:1.5rem}.futuristic-header{align-items:center;border-bottom:1px solid #234d6f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;position:relative}.futuristic-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#03a9f4,#7c4dff);background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:1.75rem;font-weight:600;margin:0;position:relative}.futuristic-header h2:after{background:linear-gradient(90deg,#03a9f4,#7c4dff);background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;bottom:-.5rem;content:"";height:3px;left:0;position:absolute;width:60px}.futuristic-header-actions{display:flex;gap:.75rem}.futuristic-btn{align-items:center;background-color:#173a5e;background-color:var(--surface);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s ease}.futuristic-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.futuristic-btn:hover:before{left:100%}.futuristic-btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.futuristic-btn-primary{background:linear-gradient(45deg,#0288d1,#03a9f4);background:linear-gradient(45deg,var(--primary-dark),var(--primary))}.futuristic-btn-secondary{background-color:#173a5e;background-color:var(--surface);border:1px solid #03a9f4;border:1px solid var(--primary)}.futuristic-btn-error{background:linear-gradient(45deg,#d32f2f,#ff1744);background:linear-gradient(45deg,#d32f2f,var(--error))}.futuristic-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.futuristic-input{background-color:#ffffff0d;border:1px solid #234d6f;border:1px solid var(--border);border-radius:8px;color:#fff;color:var(--text-primary);padding:.75rem 1rem;transition:all .3s ease;width:100%}.futuristic-input:focus{border-color:#03a9f4;border-color:var(--primary);box-shadow:0 0 0 2px #03a9f433;outline:none}.futuristic-input-group{display:flex;gap:.5rem;margin-bottom:1.5rem}.futuristic-input-with-button{display:flex;width:100%}.futuristic-input-with-button input{border-bottom-right-radius:0;border-top-right-radius:0;flex-grow:1}.futuristic-input-with-button button{border-bottom-left-radius:0;border-top-left-radius:0}.futuristic-card{background-color:#132f4c;background-color:var(--card-bg);border:1px solid #234d6f;border:1px solid var(--border);border-radius:10px;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.futuristic-card:hover{border-color:#03a9f4;border-color:var(--primary);box-shadow:0 10px 20px #0003;transform:translateY(-3px)}.futuristic-card.active{animation:pulse 1.5s infinite;border-color:#7c4dff;border-color:var(--accent);box-shadow:0 0 0 2px #7c4dff4d}.futuristic-card:before{background:linear-gradient(180deg,#03a9f4,#7c4dff);background:linear-gradient(180deg,var(--primary),var(--accent));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.futuristic-empty-state{align-items:center;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;height:100%;justify-content:center;padding:3rem 1rem;text-align:center}.futuristic-empty-icon{stroke:#03a9f4;stroke:var(--primary);margin-bottom:1.5rem;opacity:.7}.futuristic-empty-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#03a9f4,#7c4dff);background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-background-clip:text;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.futuristic-empty-description{color:#ffffffb3;color:var(--text-secondary);max-width:300px}.futuristic-tabs{background-color:#0003;border-radius:8px;display:flex;gap:.25rem;margin-bottom:1.5rem;padding:.25rem}.futuristic-tab{background:#0000;border:none;border-radius:6px;color:#ffffffb3;color:var(--text-secondary);cursor:pointer;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease}.futuristic-tab.active{background-color:#03a9f426;color:#03a9f4;color:var(--primary);font-weight:500}.futuristic-tab:hover:not(.active){background-color:#ffffff0d;color:#fff;color:var(--text-primary)}.futuristic-table{border-collapse:initial;border-spacing:0;margin-bottom:1.5rem;width:100%}.futuristic-table td,.futuristic-table th{padding:1rem;text-align:left}.futuristic-table th{background-color:#0003;border-bottom:1px solid #234d6f;border-bottom:1px solid var(--border);color:#ffffffb3;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.futuristic-table tr{background-color:#ffffff08;transition:background-color .3s ease}.futuristic-table tr:nth-child(odd){background-color:#0000001a}.futuristic-table tr:hover{background-color:#03a9f40d}.futuristic-method{border-radius:4px;display:inline-block;font-size:.85rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.futuristic-method-get{background-color:#00c85326;border:1px solid #00c8534d;color:#00c853;color:var(--method-get)}.futuristic-method-post{background-color:#2979ff26;border:1px solid #2979ff4d;color:#2979ff;color:var(--method-post)}.futuristic-method-put{background-color:#ff910026;border:1px solid #ff91004d;color:#ff9100;color:var(--method-put)}.futuristic-method-delete{background-color:#ff3d0026;border:1px solid #ff3d004d;color:#ff3d00;color:var(--method-delete)}.futuristic-method-patch{background-color:#9c27b026;border:1px solid #9c27b04d;color:#9c27b0;color:var(--method-patch)}.futuristic-status{align-items:center;border-radius:4px;display:inline-flex;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.futuristic-status-2xx{background-color:#00c85326;border:1px solid #00c8534d;color:#00c853;color:var(--status-2xx)}.futuristic-status-3xx{background-color:#ffab0026;border:1px solid #ffab004d;color:#ffab00;color:var(--status-3xx)}.futuristic-status-4xx{background-color:#ff3d0026;border:1px solid #ff3d004d;color:#ff3d00;color:var(--status-4xx)}.futuristic-status-5xx{background-color:#d5000026;border:1px solid #d500004d;color:#d50000;color:var(--status-5xx)}.futuristic-status-0xx{background-color:#78909c26;border:1px solid #78909c4d;color:#78909c;color:var(--status-0xx)}.futuristic-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.futuristic-active-pill{background-color:#00c85326;border-radius:100px;color:#00c853;color:var(--success);font-size:.75rem;margin-left:.5rem;padding:.25rem .5rem}.futuristic-glow-effect{animation:glow 2s infinite}.futuristic-slide-in{animation:slideInFromRight .3s forwards}.futuristic-two-column{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:330px 1fr;height:100%}.futuristic-sidebar{padding:1rem}.futuristic-content,.futuristic-sidebar{background-color:#132f4c;background-color:var(--card-bg);border:1px solid #234d6f;border:1px solid var(--border);border-radius:10px;height:100%;overflow:auto}.futuristic-content{padding:1.5rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb{background:#03a9f4;background:var(--primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0288d1;background:var(--primary-dark)}.environment-card{overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.environment-card:hover{box-shadow:0 8px 15px #0000004d;transform:translateY(-2px)}.environment-card.active:before{background:linear-gradient(to bottom,var(--success),var(--primary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.environment-name,.mode-toggle{display:flex;gap:.5rem}.environment-name{align-items:center;font-weight:500}.environment-description{color:var(--text-secondary);cursor:pointer;font-size:.9rem;margin-top:.5rem;max-height:60px;overflow:hidden;position:relative}.environment-description:hover{color:var(--text-primary)}.environment-description:after{background:linear-gradient(to top,var(--card-bg),#0000);bottom:0;content:"";height:20px;position:absolute;right:0;width:100%}.environment-content{border-top:1px solid #ffffff1a;margin-top:.5rem;padding-top:.5rem}.variable-count{align-items:baseline;display:flex;gap:.25rem}.count-number{color:var(--primary);font-size:1.25rem;font-weight:600}.count-label{color:var(--text-secondary);font-size:.9rem}.variable-categories{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.category-badge{border-radius:4px;font-size:.75rem;padding:.25rem .5rem}.environment-name-edit{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;width:100%}.environment-description-edit{margin-bottom:1rem;min-height:80px;resize:vertical;width:100%}.edit-icon{cursor:pointer;margin-left:.5rem;opacity:.5;transition:opacity .2s ease}.edit-icon:hover{opacity:1}.bulk-instructions{background-color:#03a9f41a;border-left:3px solid var(--primary);padding:.75rem}.bulk-instructions,.bulk-textarea{border-radius:8px;margin-bottom:1rem}.bulk-textarea{font-family:monospace;padding:1rem;resize:vertical}.bulk-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1.5rem}.variable-form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 2fr 120px auto;margin-bottom:1.5rem}.section-header{align-items:baseline;flex-direction:column;margin:1em 0}.variables-list.futuristic-slide-in{margin-top:1em}.add-variable-form{margin-bottom:2em}.variable-item{display:flex;gap:.5rem;.variable-name{margin-bottom:.5rem}.variable-actions,.variable-name{align-items:center;display:flex;gap:.5rem}}.category-select{text-transform:capitalize}.variables-table-container{border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.transparent-input{background-color:initial;border:none;border-bottom:1px dashed #fff3;border-radius:0;padding:.5rem .25rem;transition:all .2s ease}.transparent-input:focus{background-color:#03a9f41a;border-bottom:1px solid var(--primary)}.value-field{align-items:center;display:flex;position:relative}.toggle-visibility-btn{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;opacity:.6;padding:.25rem;transition:opacity .2s ease}.toggle-visibility-btn:hover{opacity:1}.disabled-row{opacity:.6}.info-panel{background-color:#0003;border-radius:8px;display:flex;gap:.75rem;margin:1.5rem 0;padding:1rem}.info-icon,.variable-syntax{color:var(--primary)}.variable-syntax{background-color:#0000004d;border-radius:4px;font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.environment-visualization{background-color:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:2rem;padding:1rem}.visualization-example{margin-top:.5rem}.example-header{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.example-method{background-color:#00c85333;border-radius:4px;color:var(--method-get);font-weight:700;padding:.25rem .5rem}.example-url{background-color:#0000004d;border-radius:4px;display:flex;flex-wrap:wrap;font-family:monospace;padding:.5rem}.url-path,.url-prefix{color:var(--text-secondary)}.url-var{color:var(--primary)}.example-preview{background-color:#0003;border-radius:8px;color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;padding:.75rem}.example-result{font-family:monospace;margin-left:.5rem}.resolved-value{background-color:#00c85326;color:var(--success)}.resolved-value,.unresolved-value{border-radius:2px;padding:0 .25rem}.unresolved-value{background-color:#ff3d0026;color:var(--error)}.futuristic-checkbox{align-items:center;cursor:pointer;display:flex;height:20px;justify-content:center;position:relative;width:20px}.futuristic-checkbox input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:var(--surface);border:1px solid var(--border);border-radius:4px;height:20px;left:0;position:absolute;top:0;transition:all .2s ease;width:20px}.futuristic-checkbox:hover input~.checkmark{background-color:#03a9f41a}.futuristic-checkbox input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";display:none;position:absolute}.futuristic-checkbox input:checked~.checkmark:after{display:block}.futuristic-checkbox .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:10px;left:7px;top:3px;transform:rotate(45deg);width:5px}.futuristic-checkbox input:focus~.checkmark{box-shadow:0 0 0 2px #03a9f44d}.futuristic-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.futuristic-modal{animation:slideUp .4s cubic-bezier(.165,.84,.44,1);background:linear-gradient(135deg,#132f4c,#0a1929);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 25px #0000004d;max-height:calc(100vh - 40px);max-width:500px;overflow:hidden;overflow-y:auto;padding:32px;position:relative;width:100%}.success-modal{padding:40px 32px;text-align:center}.futuristic-form-group{margin-bottom:24px}.futuristic-form-group label{letter-spacing:.3px;margin-bottom:10px}.input-icon{font-size:20px;height:20px;justify-content:center;left:20px;width:20px;z-index:5}.icon-container{display:flex}.custom-input-container{input{color:#fff!important}}.custom-input-container,.custom-input-container1,.custom-input-container2,.custom-input-container3{align-items:center;display:flex;gap:10px}.input-with-icon input{border-radius:10px;box-sizing:border-box;height:52px;padding:14px 40px 14px 70px;text-indent:0}.input-with-icon input:focus:not(:disabled){padding-left:70px}.toggle-password{height:24px;right:16px;width:24px}.error-message{margin-top:8px;padding-left:2px}.password-strength{margin-top:12px;padding:0 2px}.password-requirements{grid-gap:10px;gap:10px;margin-top:16px;padding:0 2px}.terms-group{margin-bottom:28px;margin-top:28px}.checkbox-wrapper{gap:12px}.checkbox-wrapper input[type=checkbox]{height:20px;width:20px}.submit-button{box-sizing:border-box;height:56px;margin-top:8px;padding:16px}@media (max-width:576px){.futuristic-form-group{margin-bottom:20px}.input-with-icon input{height:48px;padding:12px 40px 12px 70px}.input-icon{left:20px}.toggle-password{right:14px}}.success-icon{align-items:center;animation:pulse 2s infinite;background:#00c8531a;border-radius:50%;color:#00c853;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.futuristic-modal-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px;z-index:10}.futuristic-modal-close:hover{background:#fff3;transform:rotate(90deg)}.futuristic-modal-header{margin-bottom:24px;text-align:center}.futuristic-modal-logo{align-items:center;animation:pulse 2s infinite;border-radius:50%;box-shadow:0 0 15px #7c4dff80;display:flex;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.futuristic-modal-header h2,.futuristic-modal-logo{background:linear-gradient(135deg,#03a9f4,#7c4dff);color:#fff}.futuristic-modal-header h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600;margin-bottom:8px}.futuristic-modal-header p{color:#ffffffb3;font-size:16px;margin:0}.social-signup{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-button{border:none;border-radius:8px;box-shadow:0 2px 5px #0000001a;font-size:16px;gap:10px;padding:12px;transition:all .2s ease}.social-button.google{background-color:#fff;color:#4285f4}.social-button.github{background-color:#24292f;color:#fff}.social-button:hover:not(:disabled){box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.social-button:active:not(:disabled){transform:translateY(0)}.social-button:disabled{cursor:not-allowed;opacity:.6}.divider{color:#ffffff80;margin:24px 0}.divider:after,.divider:before{background-color:#ffffff1a;content:"";flex:1 1;height:1px}.divider span{font-size:14px;padding:0 16px}.futuristic-form-group{margin-bottom:20px}.futuristic-form-group label{color:#fffc;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.input-with-icon{position:relative}.input-icon,.input-with-icon{align-items:center;display:flex}.input-icon{color:#ffffff80;left:12px;pointer-events:none;position:absolute}.input-with-icon input{background-color:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:#fff;font-size:16px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.input-with-icon input:focus:not(:disabled){background-color:#ffffff1a;border-color:#03a9f4;box-shadow:0 0 0 3px #03a9f433;outline:none}.input-with-icon input.error{background-color:#ff17441a;border-color:#ff1744}.input-with-icon input:disabled{cursor:not-allowed;opacity:.6}.toggle-password{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;padding:0;position:absolute;right:12px;transition:all .2s ease}.toggle-password:hover:not(:disabled){color:#fff}.toggle-password:disabled{cursor:not-allowed;opacity:.6}.error-message{font-size:13px;gap:4px;margin-top:6px}.error-message,.form-error-message{align-items:center;color:#ff1744;display:flex}.form-error-message{background-color:#ff174426;border:1px solid #ff17444d;border-radius:8px;font-size:14px;gap:8px;margin-bottom:16px;padding:10px 16px}.password-strength{margin-top:8px}.strength-bars{display:flex;gap:4px;margin-bottom:6px}.strength-bar{background-color:#ffffff1a;border-radius:2px;height:4px;width:100%}.strength-bar.filled{transition:background-color .3s ease}.strength-label{font-size:12px;font-weight:500}.password-requirements{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}.requirement{align-items:center;color:#fff9;display:flex;font-size:12px;gap:6px}.requirement span:first-child{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:16px;justify-content:center;width:16px}.requirement-met{background-color:#00c85333!important;color:#00c853}.terms-group{margin-top:24px}.checkbox-wrapper{align-items:flex-start;display:flex;gap:10px}.checkbox-wrapper input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;cursor:pointer;height:18px;margin-top:2px;position:relative;transition:all .2s ease;width:18px}.checkbox-wrapper input[type=checkbox]:checked{background-color:#03a9f4;border-color:#03a9f4}.checkbox-wrapper input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-wrapper input[type=checkbox].error{background-color:#ff17441a;border-color:#ff1744}.checkbox-wrapper input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.terms-label{color:#fffc;font-size:14px;line-height:1.5}.terms-link{color:#03a9f4;transition:all .2s ease}.terms-link:hover{color:#7c4dff;text-decoration:underline}.submit-button{background:linear-gradient(135deg,#03a9f4,#7c4dff);border-radius:8px;box-shadow:0 4px 10px #7c4dff4d;font-size:16px;gap:8px;margin-top:24px;overflow:hidden;padding:14px;position:relative}.submit-button:hover:not(:disabled){box-shadow:0 6px 15px #7c4dff66;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:before{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.submit-button:hover:not(:disabled):before{left:100%}.submit-button:disabled{opacity:.8}.submit-button.loading{background:linear-gradient(135deg,#0288d1,#5e35b1);cursor:not-allowed}.loading-spinner{animation:spin 1s ease-in-out infinite;height:20px;width:20px}.loading-spinner.success{border-color:#00c853 #00c8534d #00c8534d;height:30px;margin:16px auto 0;width:30px}.modal-footer{color:#ffffffb3;font-size:14px;margin-top:24px}.text-button{color:#03a9f4;font-weight:500;transition:all .2s ease}.text-button:hover:not(:disabled){color:#7c4dff;text-decoration:underline}.text-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:576px){.futuristic-modal{max-height:90vh;padding:24px;width:90%}.futuristic-modal-header h2{font-size:20px}.password-requirements{grid-template-columns:1fr}}.checkbox-wrapper input[type=checkbox]:focus,.input-with-icon input:focus,.social-button:focus,.submit-button:focus,.text-button:focus,.toggle-password:focus{box-shadow:0 0 0 3px #03a9f466;outline:none}.has-error{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(2px)}30%,50%,70%{transform:translateX(-2px)}40%,60%{transform:translateX(2px)}}.futuristic-form-group{animation:fadeInUp .5s forwards;opacity:0;transform:translateY(10px)}.futuristic-form-group:first-child{animation-delay:.1s}.futuristic-form-group:nth-child(2){animation-delay:.2s}.futuristic-form-group:nth-child(3){animation-delay:.3s}.futuristic-form-group:nth-child(4){animation-delay:.4s}.futuristic-form-group:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.input-icon svg{height:18px;min-height:18px;min-width:18px;width:18px}@media (max-width:768px){.futuristic-modal{max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.futuristic-modal-header h2{font-size:1.5rem}.futuristic-modal-header p{font-size:.9rem}.social-signup-buttons{flex-direction:column}.social-signup-button{margin:0 0 .75rem;width:100%}.password-requirements{gap:.5rem;grid-template-columns:1fr}}@media (max-width:480px){.futuristic-modal{border-radius:.75rem;padding:1.25rem;width:95%}.futuristic-modal-header{padding:0 0 1.25rem}.futuristic-modal-logo svg{height:32px;width:32px}.futuristic-modal-header h2{font-size:1.25rem;margin:.5rem 0}.futuristic-modal-header p{font-size:.85rem}.futuristic-form-group{margin-bottom:1rem}.futuristic-form-group label{font-size:.85rem}.custom-input-container input,.custom-input-container1 input,.custom-input-container2 input,.custom-input-container3 input{font-size:.9rem;height:42px}.terms-checkbox{font-size:.8rem}.futuristic-submit-button{font-size:.9rem;height:44px}.futuristic-modal-footer{font-size:.85rem;margin-top:1rem}.toggle-password svg{height:16px;width:16px}.custom-checkbox{height:18px;width:18px}.password-strength{margin-top:.5rem}.success-modal{padding:2rem 1rem}}@media (max-width:768px){.custom-checkbox,.custom-input-container,.custom-input-container1,.custom-input-container2,.custom-input-container3,.futuristic-submit-button,.social-signup-button,.terms-checkbox-container,.toggle-password{cursor:default}.toggle-password{justify-content:center;min-width:44px}.custom-checkbox-container,.toggle-password{align-items:center;display:flex;min-height:44px}input,select,textarea{font-size:16px!important}.futuristic-form-group label{margin-bottom:6px}}@media (max-height:700px) and (orientation:landscape){.futuristic-modal{max-height:85vh;overflow-y:auto}.password-requirements{grid-template-columns:repeat(2,1fr)}}.landing-page{--primary-color:#6366f1;--primary-hover:#818cf8;--secondary-color:#4f46e5;--accent-color:#8b5cf6;--success-color:#10b981;--light-text:#f8fafc;--dark-text:#0f172a;--muted-text:#94a3b8;--border-color:#334155;--bg-dark:#0f172a;--bg-darker:#020617;--bg-card:#0f172acc;--bg-card-hover:#1e293be6;--shadow-color:#00000080;--gradient-primary:linear-gradient(135deg,#6366f1,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#4f46e5,#6366f1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-page,body{background-color:var(--bg-dark);color:var(--light-text)}body{margin:0;padding:0}.landing-page.light-theme{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6366f1;--accent-color:#8b5cf6;--light-text:#0f172a;--dark-text:#f8fafc;--muted-text:#475569;--border-color:#cbd5e1;--bg-dark:#f8fafc;--bg-darker:#e2e8f0;--bg-card:#fffc;--bg-card-hover:#f1f5f9e6;--shadow-color:#0000001a}.landing-page.light-theme,html.dark-mode{background-color:var(--bg-dark);color:var(--light-text)}.theme-toggle{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:0 4px 12px var(--shadow-color);color:var(--light-text);cursor:pointer;display:flex;height:3rem;justify-content:center;position:fixed;right:1.5rem;top:1.5rem;transition:all .3s ease;width:3rem;z-index:100}.theme-toggle:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1)}.landing-container{margin:0 auto;max-width:1200px;padding:0 1.5rem;position:relative}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float linear infinite;background:var(--primary-color);border-radius:50%;height:2px;opacity:.4;pointer-events:none;position:absolute;width:2px}@keyframes float{0%{opacity:.4;transform:translateY(0) rotate(0deg)}50%{opacity:.6}to{opacity:.4;transform:translateY(-100vh) rotate(1turn)}}.landing-hero{overflow:hidden;padding:7rem 0 5rem;position:relative;z-index:1}.landing-hero .landing-container{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}@media (max-width:992px){.landing-hero .landing-container{grid-template-columns:1fr}.hero-image{grid-row:1}.hero-content{grid-row:2;text-align:center}}.hero-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.hero-logo-icon{color:var(--primary-color)}.gradient-text{-webkit-background-clip:text;background-clip:text}.gradient-text,.hero-title{color:#0000;font-weight:800;text-shadow:0 1px 2px #0000001a}.hero-title{background:var(--gradient-secondary);-webkit-background-clip:text;background-clip:text;font-size:3rem;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:var(--muted-text);font-size:1.25rem;line-height:1.6;margin-bottom:2rem;max-width:600px}.hero-cta{display:flex;gap:1rem;margin-bottom:3rem}@media (max-width:992px){.hero-cta{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}}.hero-image,.image-container{position:relative}.image-container{border-radius:.75rem;box-shadow:0 25px 50px -12px var(--shadow-color);overflow:hidden}.image-container img{border-radius:.75rem;transition:transform .3s ease;width:100%}.browser-frame{align-items:center;background-color:var(--bg-darker);border-top-left-radius:.75rem;border-top-right-radius:.75rem;display:flex;height:2rem;left:0;padding:0 1rem;position:absolute;right:0;top:0}.browser-frame:before{background-color:#ef4444;margin-right:.5rem}.browser-frame:after,.browser-frame:before{border-radius:50%;content:"";height:.75rem;width:.75rem}.browser-frame:after{background-color:#10b981;margin-left:.5rem}.reflection{background:linear-gradient(180deg,#ffffff1f,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;right:0;top:0}.glow-effect{position:relative}.glow-effect:after{animation:pulse 4s ease-in-out infinite;background:var(--gradient-primary);border-radius:.75rem;content:"";filter:blur(20px);inset:-2px;opacity:.6;position:absolute;z-index:-1}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}.cta-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.cta-button.primary{background:var(--gradient-primary);box-shadow:0 4px 14px #6366f166;color:#fff}.cta-button.primary:hover{box-shadow:0 6px 20px #6366f199;transform:translateY(-2px)}.cta-button.secondary{background-color:#ffffff1a;border:1px solid var(--border-color);color:var(--light-text)}.cta-button.secondary:hover{background-color:var(--bg-card);border-color:var(--primary-color)}.cta-button.large{font-size:1.125rem;padding:1rem 2rem}.pulse-animation{animation:pulse-btn 2s infinite}@keyframes pulse-btn{0%{box-shadow:0 0 0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 0 0 #6366f100}}.glow-on-hover{overflow:hidden;position:relative}.glow-on-hover:before{background:linear-gradient(45deg,#0000,#6366f14d,#0000);bottom:-100%;content:"";left:-100%;position:absolute;right:-100%;top:-100%;transform:rotate(45deg);transition:all .5s}.glow-on-hover:hover:before{animation:glow 1.5s linear}@keyframes glow{0%{left:-100%;top:-100%}to{left:100%;top:100%}}.features-section{padding:6rem 0;position:relative;z-index:1}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.feature-card{border-radius:1rem;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative}.feature-card,.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-card);border:1px solid var(--border-color);transition:all .3s ease}.feature-card:hover{background-color:var(--bg-card-hover);border-color:var(--primary-color);box-shadow:0 20px 25px -5px var(--shadow-color);transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#6366f126;border-radius:1rem;color:var(--primary-color);display:flex;height:64px;justify-content:center;margin-bottom:1.5rem;width:64px}.feature-card h3{color:var(--light-text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.feature-card p{color:var(--muted-text);flex-grow:1;line-height:1.6}.card-highlight{background:var(--gradient-primary);bottom:0;height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.feature-card:hover .card-highlight{transform:scaleX(1)}.how-it-works-section{background-color:var(--bg-darker);padding:6rem 0;position:relative;z-index:1}.steps-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3rem;position:relative}.step-card{border-radius:1rem;flex:1 1;margin-bottom:2rem;min-width:300px;padding:2rem;position:relative;text-align:center}.steps-connector{height:3px;left:25%;opacity:.7;position:absolute;right:25%;top:4rem;z-index:-1}.step-number,.steps-connector{background:var(--gradient-primary)}.step-number{align-items:center;border-radius:50%;box-shadow:0 4px 12px #6366f166;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:3rem;justify-content:center;margin:0 auto 1.5rem;width:3rem}.step-card h3{color:var(--light-text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.step-card p{color:var(--muted-text);line-height:1.6;margin-bottom:1.5rem}.step-image{color:var(--primary-color);height:80px;margin:0 auto;width:80px}.testimonials-section{padding:6rem 0;position:relative;z-index:1}.testimonials-carousel{display:flex;gap:2rem;margin-bottom:2rem;overflow-x:auto;padding:1rem 0;scrollbar-width:none}.testimonials-carousel::-webkit-scrollbar{display:none}.testimonial-card{border-radius:1rem;flex:1 1;height:auto;min-width:350px;padding:2rem}.testimonial-content{padding-top:2rem;position:relative}.quote-icon{color:var(--primary-color);left:0;opacity:.7;position:absolute;top:-1rem}.testimonial-content p{color:var(--light-text);font-size:1.125rem;font-style:italic;line-height:1.8;margin-bottom:2rem}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{border:2px solid var(--primary-color);border-radius:50%;height:3.5rem;overflow:hidden;width:3.5rem}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info h4{color:var(--light-text);font-weight:700;margin-bottom:.25rem}.author-info p{color:var(--muted-text);font-size:.875rem;font-style:normal;margin:0}.testimonial-indicators{display:flex;gap:.5rem;justify-content:center}.indicator{background-color:var(--border-color);border:none;border-radius:1rem;cursor:pointer;height:.25rem;transition:all .3s ease;width:3rem}.indicator.active{background-color:var(--primary-color);width:4rem}.cta-section{background-color:var(--bg-darker);overflow:hidden;padding:6rem 0;position:relative;text-align:center;z-index:1}.cta-backdrop{background:radial-gradient(circle at center,#6366f14d,#0000 70%);bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.cta-section h2{color:var(--light-text);font-size:2.5rem;font-weight:800;margin-bottom:1.5rem}.cta-section p{color:var(--muted-text);font-size:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.users-using{margin-top:2.5rem}.avatar-stack{margin-bottom:1rem}.avatar-item,.avatar-stack{display:flex;justify-content:center}.avatar-item{align-items:center;background-color:var(--bg-card);border:3px solid var(--bg-darker);border-radius:50%;font-size:.75rem;font-weight:700;height:3rem;margin-left:-.75rem;overflow:hidden;width:3rem}.avatar-item:first-child{margin-left:0}.avatar-item img{height:100%;object-fit:cover;width:100%}.avatar-item.more{background-color:var(--primary-color);color:#fff}.users-using p{color:var(--muted-text);font-size:.875rem;margin-bottom:0}.landing-footer{background-color:var(--bg-darker);border-top:1px solid var(--border-color);padding:5rem 0 2.5rem;position:relative;z-index:1}.footer-content{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:3rem}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-links-group h4{color:var(--light-text);font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.footer-links-group ul{list-style:none;margin:0;padding:0}.footer-links-group li{margin-bottom:.75rem}.footer-links-group a{color:var(--muted-text);text-decoration:none;transition:color .3s ease}.footer-links-group a:hover{color:var(--primary-color)}.social-links{display:flex;gap:1rem;margin-top:1.5rem}.social-link{align-items:center;background-color:var(--bg-card);border-radius:50%;color:var(--light-text);display:flex;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.social-link:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-3px)}.subscribe-form{display:flex;margin-top:1rem}.subscribe-form input{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem 0 0 .5rem;color:var(--light-text);flex-grow:1;padding:.75rem}.subscribe-form button{background-color:var(--primary-color);border:none;border-radius:0 .5rem .5rem 0;color:#fff;cursor:pointer;padding:.75rem;transition:background-color .3s ease}.subscribe-form button:hover{background-color:var(--primary-hover)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease;background-color:var(--bg-dark);border-radius:1rem;box-shadow:0 25px 50px -12px var(--shadow-color);color:var(--light-text);max-width:500px;overflow:hidden;position:relative;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;color:var(--light-text);cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;position:absolute;right:1rem;top:1rem;width:2rem;z-index:10}.modal-header{border-bottom:1px solid var(--border-color);padding:2rem;text-align:center}.modal-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.modal-header h2{color:var(--light-text);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.modal-header p{color:var(--muted-text)}.social-login{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem}.social-button{align-items:center;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:.5rem;color:var(--light-text);cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem;transition:all .3s ease}.social-button:hover{background-color:var(--bg-card)}.social-button.google:hover{border-color:#ea4335}.social-button.github:hover{border-color:#24292f}.divider{align-items:center;background-color:var(--border-color);display:flex;height:1px;justify-content:center;margin:0 2rem 1.5rem;position:relative}.divider span{background-color:var(--bg-dark);color:var(--muted-text);font-size:.875rem;padding:0 1rem}form{padding:1.5rem 2rem 2rem}label{color:var(--light-text);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}input[type=email],input[type=password],input[type=text]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;color:var(--light-text);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}input:focus{border-color:var(--primary-color);outline:none}input.error{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}.password-hint{color:var(--muted-text);font-size:.75rem;margin-top:.25rem}.checkbox-group{align-items:flex-start;display:flex;gap:.5rem;margin-bottom:1.5rem}.checkbox-group label{color:var(--muted-text);font-size:.875rem;margin-bottom:0}.terms-link{color:var(--primary-color);text-decoration:none}.submit-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 4px 14px #6366f166;transform:translateY(-2px)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}@keyframes spin{to{transform:rotate(1turn)}}.modal-footer{border-top:1px solid var(--border-color);padding:1.5rem 2rem;text-align:center}.text-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-weight:600;padding:0;transition:color .3s ease}.text-button:hover{color:var(--primary-hover);text-decoration:underline}.back-to-top-button{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;bottom:2rem;box-shadow:0 4px 12px var(--shadow-color);color:var(--light-text);cursor:pointer;display:flex;height:3rem;justify-content:center;opacity:.8;position:fixed;right:2rem;transition:all .3s ease;width:3rem;z-index:90}.back-to-top-button:hover{background-color:var(--primary-color);color:#fff;opacity:1;transform:translateY(-5px)}.back-to-top-button svg{transition:transform .3s ease}.back-to-top-button:hover svg{transform:translateY(-2px)}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.cookie-consent{animation:slideUp .5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;bottom:2rem;box-shadow:0 10px 25px -5px var(--shadow-color);left:50%;max-width:1000px;padding:1.5rem;position:fixed;transform:translateX(-50%);width:90%;z-index:95}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.cookie-content{align-items:center;display:flex;gap:1.5rem;justify-content:space-between}@media (max-width:768px){.cookie-content{flex-direction:column;text-align:center}}.cookie-content p{color:var(--light-text);flex-grow:1;font-size:.9rem;margin:0}.cookie-buttons{display:flex;flex-shrink:0;gap:1rem}.cookie-button{border-radius:.5rem;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease}.cookie-button.primary{background:var(--gradient-primary);border:none;color:#fff}.cookie-button.primary:hover{box-shadow:0 4px 14px #6366f166}.cookie-button.secondary{background-color:initial;border:1px solid var(--border-color);color:var(--light-text)}.cookie-button.secondary:hover{background-color:var(--bg-card-hover)}@media (max-width:768px){.hero-title{font-size:2.25rem}.cta-section h2,.section-title{font-size:2rem}.hero-cta{align-items:center;flex-direction:column}.cta-button{width:100%}.back-to-top-button{bottom:1rem;height:2.5rem;right:1rem;width:2.5rem}.testimonial-card{min-width:280px}.steps-connector{display:none}}@keyframes darkModeTransition{0%{background-color:var(--bg-dark)}to{background-color:var(--bg-dark)}}a:focus,button:focus,input:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.landing-page{--light-text:#000;--bg-dark:#fff;--bg-darker:#f5f5f5;--muted-text:#333;--border-color:#ccc;background-color:#fff;color:#000}.back-to-top-button,.cookie-consent,.cta-button.pulse-animation:after,.glow-effect:after,.theme-toggle{display:none}.modal-overlay{background:none;position:static}.landing-container{max-width:none;width:100%}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--light-text);-webkit-box-shadow:0 0 0 1000px var(--bg-card) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.animate-on-scroll{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=main.5bde6b4a.css.map*/