:root{--primary-green: #1e4e91;--secondary-green: #2d6bc4;--dark-green: #0d2444;--light-green: rgba(30, 78, 145, .1);--white: #ffffff;--off-white: #f5f5f5;--text-dark: #e0e0e0;--text-light: #ffffff;--bg-dark: #0a1a2e;--bg-light: #0d2444;--bg-gradient: linear-gradient(135deg, var(--bg-dark) 0%, #153456 100%);--card-bg: rgba(10, 26, 46, .8);--primary-color: #1e4e91;--secondary-color: #2d6bc4;--hover-color: #153456;--accent-primary: #1e4e91;--accent-secondary: #2d6bc4;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--border-primary: rgba(30, 78, 145, .2);--card-bg: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-md: 0 4px 6px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--gradient-blue: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));--gradient-purple: linear-gradient(135deg, var(--accent-secondary), #7e57c2);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary-color);text-decoration:inherit}a:hover{color:var(--hover-color)}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--secondary-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--text-color);background-color:var(--background-color)}a:hover{color:var(--secondary-color)}button{background-color:var(--background-color)}}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(30,78,145,.2);transition:all .3s ease;z-index:1000}.navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 5px 20px #1e4e911a}.navbar-brand{display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.navbar-brand:hover{transform:translateY(-2px);opacity:.9}.navbar-logo{height:40px;width:auto}.nav-links{display:flex;gap:3rem}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px}.nav-links a:hover{color:var(--accent-secondary);background:#1e4e9114;transform:translateY(-2px)}.login-btn{border:2px solid var(--accent-primary);background:#1e4e9114;box-shadow:0 0 10px #1e4e911a}.login-btn:hover{background:var(--accent-secondary)!important;color:var(--white)!important;box-shadow:0 5px 15px #1e4e914d;transform:translateY(-2px)}.background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden}.gradient-sphere{position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(30,78,145,.1) 0%,rgba(45,107,196,.05) 50%,transparent 70%);border-radius:50%;filter:blur(60px);animation:float 20s ease-in-out infinite}.grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(30,78,145,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(30,78,145,.05) 1px,transparent 1px);background-size:50px 50px;opacity:.7}.auth-bg{background:#fff}.auth-bg .gradient-sphere,.auth-bg .grid{display:none}@keyframes float{0%,to{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-30%,-30%) rotate(180deg)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-start;align-items:center;z-index:1000;padding-left:350px}.modal-content{background:var(--bg-primary);padding:2rem;border-radius:15px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 25px #00000026;margin-top:200px;margin-bottom:40px;position:relative}@media (max-width: 1200px){.modal-overlay{justify-content:center;padding-left:0}}.upload-form{max-width:800px;margin:0 auto;padding:2rem;background:var(--card-bg);border-radius:15px;box-shadow:0 0 20px #1e4e911a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group textarea{width:100%;min-height:100px;padding:1rem;border:1px solid var(--border-primary);border-radius:8px;resize:vertical}.form-group input,.form-group select{width:100%;padding:.8rem;border:1px solid var(--border-primary);border-radius:8px}.helper-text{display:block;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;flex-wrap:wrap}.form-actions button{padding:.8rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-check{background:var(--bg-primary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-submit{background:var(--accent-primary);color:#fff;border:none}.btn-cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--text-secondary)}.btn-check:hover,.btn-submit:hover,.btn-cancel:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1e4e9133}.error-message{color:#dc2626;margin-bottom:1rem;padding:.5rem;background:#dc26261a;border-radius:4px}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover{transform:none;box-shadow:none}.sidebar{width:280px;height:calc(100vh - 90px);position:fixed;left:0;top:90px;background:linear-gradient(180deg,var(--bg-primary) 0%,rgba(248,250,252,.98) 100%);border-right:1px solid rgba(30,78,145,.15);padding:1.5rem;box-shadow:2px 0 20px #1e4e910d;overflow-y:auto;z-index:2}.sidebar-content{display:flex;flex-direction:column;gap:1rem;height:calc(100vh - 90px);padding-bottom:2rem}.menu-section{position:relative;padding:2rem 1.5rem 1.5rem;background:linear-gradient(to right bottom,#ffffffb3,#ffffff4d);border-radius:16px;margin-bottom:1.5rem;border:1px solid rgba(30,78,145,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-title{position:absolute;top:-10px;left:20px;background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 2px 10px #1e4e9133}.sidebar-item{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;margin:.3rem 0;color:var(--text-primary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:10px;background:transparent}.sidebar-item:hover{background:linear-gradient(120deg,#1e4e9114,#2d6bc414);color:var(--accent-primary);transform:translate(5px)}.sidebar-item.active{background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary));color:var(--white);transform:translate(5px);box-shadow:0 4px 12px #1e4e9133}.sidebar-icon{font-size:1.3rem;transition:transform .3s ease}.sidebar-label{font-weight:500;font-size:.95rem}.upload-btn{width:calc(100% - 2rem);margin:1rem;padding:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--white);border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #1e4e911a;display:flex;align-items:center;justify-content:center;gap:.8rem}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e4e9133;background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary))}.upload-btn:active{transform:translateY(0);box-shadow:0 4px 15px #1e4e911a}.queue-container{padding:2rem;max-width:1200px;margin:0 auto}.queue-header{margin-bottom:2rem;border-bottom:2px solid var(--border-primary);padding-bottom:1rem}.queue-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.queue-summary{color:var(--text-secondary);font-size:1.1rem}.queue-empty{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-primary)}.queue-empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.queue-empty-sub{color:var(--text-secondary);margin-top:.5rem}.queue-list{display:flex;flex-direction:column;gap:1rem}.queue-item{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-primary);transition:transform .2s ease}.queue-item:hover{transform:translateY(-2px)}.queue-item.training{border-left:4px solid var(--accent-primary);background:linear-gradient(to right,rgba(0,204,142,.05),transparent)}.queue-item.queued{border-left:4px solid var(--text-secondary)}.queue-item-title{display:flex;align-items:center;gap:1rem}.queue-status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500}.queue-status-badge.training{background:var(--accent-primary);color:#fff}.queue-status-badge.queued{background:var(--bg-secondary);color:var(--text-secondary)}.queue-detail{display:flex;align-items:center;gap:.5rem}.detail-label{color:var(--text-secondary);font-size:.9rem}.status-training{color:var(--accent-primary)}.status-queued{color:var(--text-secondary)}.queue-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.queue-item-header h3{margin:0;color:var(--text-primary)}.queue-date{color:var(--text-secondary);font-size:.9rem}.queue-item-details{display:flex;gap:2rem}.queue-type,.queue-status{color:var(--text-secondary)}.queue-item.training .queue-status{color:var(--accent-primary)}.time-remaining{font-size:.85rem;color:var(--accent-primary);font-weight:600;margin-left:.5rem}.progress-bar-container{height:6px;background-color:#1e4e911a;border-radius:3px;margin-top:.8rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width 1s linear}.results-container{padding:2rem;max-width:1200px;margin:0 auto}.results-header{margin-bottom:2rem;border-bottom:2px solid var(--border-primary);padding-bottom:1rem}.results-header h2{font-size:2rem;color:var(--text-primary);margin-bottom:.5rem}.results-summary{color:var(--text-secondary);font-size:1.1rem}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.2rem;color:var(--accent-primary)}.results-empty{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-primary)}.results-empty-icon{font-size:3rem;margin-bottom:1rem;display:block}.results-empty-sub{color:var(--text-secondary);margin-top:.5rem}.results-list{display:flex;flex-direction:column;gap:1rem}.result-item{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid var(--border-primary);transition:transform .2s ease}.result-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #1e4e911a}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.result-title{display:flex;align-items:center;gap:1rem}.result-title h3{margin:0;color:var(--accent-primary);font-size:1.2rem}.status-badge{padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.status-badge.success{background:#00cc8e33;color:#00996b;border:1px solid rgba(0,204,142,.3)}.status-badge.failed{background:#ff4b4b33;color:#cc2424;border:1px solid rgba(255,75,75,.3)}.result-date{color:var(--text-secondary);font-size:.9rem}.result-info{display:flex;justify-content:space-between;align-items:center}.result-type{color:var(--text-secondary);font-size:.95rem}.view-details-btn{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.view-details-btn:hover{background:var(--accent-primary);color:#fff}.result-details{padding:1rem}.result-details h3{color:var(--accent-primary);margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid var(--border-primary);padding-bottom:.5rem}.detail-grid{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-row{display:flex;align-items:center}.detail-label{font-weight:600;width:100px;color:var(--text-secondary)}.detail-value{font-weight:500}.detail-value.success{color:#00996b}.detail-value.failed{color:#cc2424}.input-data-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-top:1rem}.input-data-section h4{color:var(--text-primary);margin-bottom:.8rem;font-size:1.1rem}.output-data-section{background:#00996b0d;border:1px solid rgba(0,153,107,.15)}.output-data-section h4{color:#00996b}.data-display{background:#1e4e910d;padding:1rem;border-radius:6px;overflow-x:auto;white-space:pre-wrap;font-family:monospace;color:var(--text-primary);max-height:300px;overflow-y:auto}.documentation-container{padding:2rem;max-width:1200px;margin:0 auto}.documentation-header{margin-bottom:3rem}.documentation-header h2{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.documentation-intro{font-size:1.2rem;color:var(--text-secondary);max-width:800px;line-height:1.6}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.resource-card{background:#fff;border-radius:15px;padding:2.5rem;box-shadow:0 10px 25px #0000000d;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid rgba(30,78,145,.1)}.resource-card:hover{transform:translateY(-10px);box-shadow:0 15px 35px #1e4e9126}.resource-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary))}.resource-card.blue:after{background:linear-gradient(90deg,#1e4e91,#2d6bc4)}.resource-card.purple:after{background:linear-gradient(90deg,#7e57c2,#5e35b1)}.resource-card.green:after{background:linear-gradient(90deg,#00b09b,#96c93d)}.resource-icon{font-size:3rem;margin-bottom:1.5rem}.resource-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.resource-card p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6;min-height:80px}.resource-link{display:inline-flex;align-items:center;color:var(--accent-primary);font-weight:600;text-decoration:none;padding:.5rem 0;border-bottom:2px solid transparent;transition:all .3s ease}.resource-link:hover{border-bottom-color:var(--accent-primary)}.resource-link .arrow{margin-left:.5rem;transition:transform .3s ease}.resource-link:hover .arrow{transform:translate(5px)}.additional-info{background:linear-gradient(to right,rgba(30,78,145,.05),transparent);border-radius:15px;padding:2.5rem;border-left:4px solid var(--accent-primary)}.additional-info h3{color:var(--accent-primary);margin-bottom:1.5rem;font-size:1.8rem}.additional-info p{color:var(--text-primary);margin-bottom:1rem;line-height:1.8;font-size:1.1rem}@media (max-width: 768px){.resource-grid{grid-template-columns:1fr}.resource-card p{min-height:auto}}.playground-layout{display:flex;min-height:100vh;background:var(--bg-primary);padding-top:90px}.playground-content{flex:1;margin-left:280px;padding:2rem;background:linear-gradient(to bottom right,var(--bg-secondary),var(--bg-primary));min-height:calc(100vh - 90px);color:var(--text-primary);position:relative;z-index:1}.playground-header{text-align:center;margin-bottom:4rem}.playground-header h1{color:var(--accent-primary);font-size:3.5rem;margin-bottom:1rem;text-shadow:0 0 15px rgba(147,51,234,.3)}.playground-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.playground-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-primary);border-radius:15px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.playground-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #9333ea33}.playground-btn{background:var(--accent-primary);color:var(--bg-primary);border:none;padding:.8em 1.5em;font-weight:700;margin-top:1rem}.playground-btn:hover{background:var(--accent-secondary);box-shadow:0 0 15px #9333ea80}#root{width:100%;margin:0;padding:0}main{margin-top:70px}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.section{min-height:100vh;padding:6rem 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 0%,var(--bg-dark) 100%);opacity:.7;z-index:-1}.section h1{color:var(--accent-primary);font-size:5rem;margin-bottom:2rem;font-weight:800;text-align:center;font-family:Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:-.02em}.section h2{color:var(--primary-color);font-size:3.8rem;margin-bottom:2rem;font-weight:700;text-align:center;font-family:Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:-.02em}.section p{font-size:1.4rem;color:var(--text-secondary);max-width:800px;line-height:1.7;margin-bottom:3rem;text-align:center;padding:0 1rem;font-family:Inter,system-ui,sans-serif;letter-spacing:-.01em}.content-card{background:#1e4e9114;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(30,78,145,.2);border-radius:20px;padding:3rem;margin:1.5rem;width:80%;max-width:1000px;transition:transform .3s ease}.content-card:hover{transform:translateY(-5px)}.about-section{padding:8rem 2rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;max-width:1200px;margin:3rem auto}.feature-card{background:#ffffffe6;border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease;border:1px solid rgba(30,78,145,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #1e4e911a}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:var(--accent-primary);margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.info-blocks{display:grid;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:1200px;margin:4rem auto}.info-block{background:#fffffff2;border-radius:20px;padding:2.5rem;border:1px solid rgba(30,78,145,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-block h3{color:var(--accent-primary);font-size:2rem;margin-bottom:2rem;text-align:center}.step-list{display:flex;flex-direction:column;gap:1.5rem}.step{display:flex;align-items:center;gap:1.5rem}.step-number{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.step p{margin:0;font-size:1.1rem;color:var(--text-primary)}.benefit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.benefit-list li{display:flex;align-items:center;gap:1rem;font-size:1.1rem;color:var(--text-primary)}.benefit-icon{font-size:1.5rem;width:40px;text-align:center}@media (max-width: 1024px){.info-blocks{grid-template-columns:1fr}}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.typewriter-container{display:inline-block}.typewriter-text{display:inline;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:800;color:var(--accent-primary)}.cursor{display:inline-block;width:3px;height:1em;background-color:var(--accent-primary);margin-left:4px;animation:blink 1s infinite;vertical-align:middle}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);position:relative;z-index:1;overflow:hidden}.auth-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.auth-circles{position:absolute;width:100%;height:100%}.auth-circle{position:absolute;border-radius:50%;background:linear-gradient(135deg,#1e4e910d,#2d6bc41a);animation:float-circle 20s infinite linear}.auth-circle:nth-child(1){width:400px;height:400px;top:-150px;left:-100px;animation-duration:25s}.auth-circle:nth-child(2){width:300px;height:300px;bottom:-50px;right:-50px;animation-delay:-5s;animation-duration:30s}.auth-circle:nth-child(3){width:200px;height:200px;bottom:30%;left:10%;animation-delay:-10s;animation-duration:20s}.auth-card{background:#fff;padding:3rem;border-radius:20px;width:100%;max-width:450px;box-shadow:0 15px 35px #32325d1a,0 5px 15px #00000012;position:relative;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;z-index:1}.auth-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #32325d26,0 10px 20px #0000001a}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));z-index:2}.auth-card h2{color:var(--accent-primary);text-align:center;margin-bottom:2.5rem;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;position:relative}.auth-card h2:after{content:"";position:absolute;bottom:-15px;left:50%;width:50px;height:4px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:translate(-50%);border-radius:2px}.auth-error{background:#dc26261a;border:1px solid rgba(220,38,38,.2);color:#dc2626;padding:1rem;border-radius:10px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.auth-error:before{content:"⚠️"}.form-group{margin-bottom:2rem;position:relative}.form-group label{display:block;margin-bottom:.7rem;color:var(--text-primary);font-weight:600;font-size:.9rem;transition:transform .3s ease,color .3s ease}.form-group input{width:100%;padding:1.2rem;border:2px solid #e0e6ef;border-radius:12px;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 5px #00000005 inset}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #1e4e9126}.form-group input:focus+.input-highlight{transform:scaleX(1)}.input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.auth-button{width:100%;padding:1.2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:2rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 15px #1e4e9133;letter-spacing:.5px}.auth-button:after{content:"";position:absolute;top:-50%;left:-60%;width:200%;height:200%;background:#fff3;transform:rotate(45deg);transition:all .5s cubic-bezier(.19,1,.22,1)}.auth-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1e4e914d}.auth-button:hover:after{left:100%}.auth-button:active{transform:translateY(0);box-shadow:0 3px 10px #1e4e9133}.auth-link{margin-top:2.5rem;text-align:center;position:relative;padding-top:1.5rem}.auth-link:before{content:"";position:absolute;top:0;left:25%;width:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(30,78,145,.2),transparent)}.auth-link a{color:var(--accent-primary);text-decoration:none;font-weight:600;position:relative;padding:0 5px}.auth-link a:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.auth-link a:hover:after{transform:scaleX(1);transform-origin:left}@keyframes float-circle{0%{transform:rotate(0) translate(10px) rotate(0)}to{transform:rotate(360deg) translate(10px) rotate(-360deg)}}