body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-loader{align-items:center;background:linear-gradient(135deg,#060606,#606a9d);bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;min-width:100vw;position:fixed;right:0;top:0;transition:opacity .5s;z-index:9999}.loader-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff200,#ff6f61,#6a82fb,#00c9a7);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:900;letter-spacing:.1em;text-shadow:2px 4px 16px #0000002e}.loader-subtitle{color:#fff;font-size:2.9rem;font-weight:500;letter-spacing:.04em;margin-top:18px;text-align:center;text-shadow:1px 2px 8px #0000001f}body{background:#f6f8fa;color:#22223b;font-family:Segoe UI,Arial,sans-serif;margin:0;padding:0}body.dark-mode{background:#181a1b;color:#f2e9e4}nav{background:#22223b;box-shadow:0 2px 8px #22223b0f;display:flex;gap:32px;justify-content:center;padding:20px 0}nav a{border-radius:6px;color:#f2e9e4;font-size:1.15rem;font-weight:600;padding:6px 14px;text-decoration:none;transition:color .2s,text-shadow .2s}nav a:hover{background:#4a4e69;color:#fff200;text-shadow:0 2px 8px #fff20044}.dark-mode nav{background:#23272b;box-shadow:0 2px 8px #0000002e}.dark-mode nav a{color:#e0c3fc}.dark-mode nav a:hover{background:#393e46;color:#fff200;text-shadow:0 2px 8px #fff20044}h1{color:#22223b;font-size:2.2rem;font-weight:800;letter-spacing:.04em;margin-top:24px;text-align:center}.dark-mode h1,.dark-mode h2{color:#fff200}.container{background:#fff;border-radius:16px;box-shadow:0 4px 24px #22223b1a;margin:40px auto;max-width:900px;padding:40px 32px}.dark-mode .container{background:#23272b;box-shadow:0 4px 24px #00000040;color:#f2e9e4}table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 4px #22223b0f;margin:24px 0;overflow:hidden;width:100%}table td,table th{padding:12px 16px;text-align:left}table th{background:#4a4e69;color:#fff;font-weight:600}table tr:nth-child(2n){background:#f2e9e4}table tr:hover{background:#c9ada7;color:#22223b}form{background:#f2e9e4;border-radius:8px;box-shadow:0 1px 4px #22223b0a;display:flex;flex-wrap:wrap;gap:16px;margin:24px 0;padding:24px}form input,form select{background:#fff;border:1px solid #c9ada7;border-radius:6px;flex:1 1 180px;font-size:1rem;padding:10px 12px;transition:border .2s}form input:focus,form select:focus{border:1.5px solid #4a4e69;outline:none}form button{background:#4a4e69;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 24px;transition:background .2s}form button:hover{background:#22223b}.dark-mode .train-form{background:#23272b;box-shadow:0 2px 8px #0000002e}.train-form input,.train-form select{background:#fff;border:1.5px solid #c9ada7;border-radius:8px;box-shadow:0 1px 4px #22223b0a;flex:1 1 200px;font-size:1.05rem;margin-bottom:0;padding:12px 16px;transition:border .2s,box-shadow .2s}.dark-mode .train-form input,.dark-mode .train-form select{background:#181a1b;border:1.5px solid #393e46;color:#f2e9e4}.train-form input:focus,.train-form select:focus{border:2px solid #6a82fb;box-shadow:0 2px 8px #6a82fb22;outline:none}.dark-mode .train-form input:focus,.dark-mode .train-form select:focus{border:2px solid #fff200;box-shadow:0 2px 8px #fff20022}.form-btn{background:linear-gradient(90deg,#ff6f61,#6a82fb);border:none;border-radius:8px;box-shadow:0 2px 8px #22223b1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-left:8px;padding:12px 32px;transition:background .2s,transform .2s}.form-btn:hover{background:linear-gradient(90deg,#6a82fb,#ff6f61);transform:translateY(-2px) scale(1.04)}.dark-mode .form-btn{background:linear-gradient(90deg,#393e46,#6a82fb);color:#fff200}.dark-mode .form-btn:hover{background:linear-gradient(90deg,#6a82fb,#393e46)}.train-table{background:#fff;border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 2px 12px #22223b14;font-size:1.07rem;margin:28px 0;overflow:hidden;width:100%}.train-table td,.train-table th{padding:14px 18px;text-align:left}.train-table th{background:#4a4e69;color:#fff;font-weight:700;letter-spacing:.03em}.dark-mode .train-table{background:#23272b;box-shadow:0 2px 12px #0000002e;color:#f2e9e4}.dark-mode .train-table th{background:#393e46;color:#fff200}.train-table tr:nth-child(2n){background:#f2e9e4}.dark-mode .train-table tr:nth-child(2n){background:#23272b}.train-table tr:hover{background:#c9ada7;color:#22223b;transition:background .2s,color .2s}.dark-mode .train-table tr:hover{background:#393e46;color:#fff200}.train-table td{font-weight:500}.train-table td[colspan="6"]{color:#888;font-style:italic;text-align:center}.dark-mode .train-table td{font-weight:500}.dark-mode .train-table td[colspan="6"]{color:#e0c3fc;font-style:italic;text-align:center}.platform-list{align-items:stretch;display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-top:32px}.platform-card{align-items:flex-start;background:#f2e9e4;border-radius:14px;box-shadow:0 2px 10px #22223b12;display:flex;flex:1 1 300px;flex-direction:column;max-width:360px;min-width:260px;padding:28px 24px}.platform-card h2{color:#4a4e69;font-size:1.3rem;font-weight:700;margin:0 0 18px}.dark-mode .platform-card{background:#23272b;box-shadow:0 2px 10px #0000002e;color:#f2e9e4}.dark-mode .platform-card h2{color:#fff200}.train-list{list-style:none;margin:0;padding:0;width:100%}.train-list li{align-items:center;border-bottom:1px solid #e0c3fc44;display:flex;flex-wrap:wrap;font-size:1.05rem;gap:12px;padding:10px 0}.train-list li:last-child{border-bottom:none}.train-id{color:#22223b;font-weight:700;min-width:60px}.dark-mode .train-id{color:#fff200}.train-time{font-weight:500;min-width:120px}.dark-mode .train-time,.train-time{color:#6a82fb}.train-status{border-radius:8px;font-size:.98rem;font-weight:700;margin-left:auto;padding:2px 12px}.train-priority{background:#e8efff;border:1px solid #c6d4ff;border-radius:6px;color:#22223b;display:inline-block;font-size:.85rem;font-weight:700;padding:2px 8px}.dark-mode .train-priority{background:#c6d4ff;border-color:#a9baff;color:#23272b}.train-priority.priority-high{background:#ffe8e8;border-color:#ffb3b3;color:#b71c1c}.dark-mode .train-priority.priority-high{background:#ffb3b3;color:#7f0000}.train-priority.priority-medium{background:#fff6e5;border-color:#ffd699;color:#9a6b00}.dark-mode .train-priority.priority-medium{background:#ffd699;color:#4a3000}.train-priority.priority-low{background:#e8f5e9;border-color:#a5d6a7;color:#1b5e20}.dark-mode .train-priority.priority-low{background:#a5d6a7;color:#0d3b12}.dark-mode .train-status.delayed{background:#ff6f61;color:#fff}.dark-mode .train-status.on-time{background:#00c9a7;color:#fff}.no-data{color:#888;font-size:1.1rem;font-style:italic;margin-top:32px;text-align:center}.dark-mode .no-data{color:#e0c3fc}@media (max-width:700px){.container{padding:12px 4px}form,nav{flex-direction:column;gap:10px}nav{align-items:center}}.success{color:#388e3c}.error,.success{font-weight:500;margin-top:10px}.error{color:#d32f2f}.theme-toggle{align-items:center;background:linear-gradient(90deg,#fff200,#6a82fb);border:none;border-radius:8px;box-shadow:0 2px 8px #22223b1a;color:#22223b;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:8px;margin-left:24px;outline:none;padding:8px 18px;transition:background .2s,color .2s,transform .2s}.theme-toggle:hover{background:linear-gradient(90deg,#6a82fb,#fff200);color:#fff;transform:translateY(-2px) scale(1.04)}.dark-mode .theme-toggle{background:linear-gradient(90deg,#393e46,#fff200);color:#fff200}.dark-mode .theme-toggle:hover{background:linear-gradient(90deg,#fff200,#393e46);color:#23272b}.login-container{background:linear-gradient(135deg,#ffecd2,#fcb69f);justify-content:center;min-height:100vh}.login-container,.login-form{align-items:center;display:flex}.login-form{background:#fff;border-radius:16px;box-shadow:0 4px 32px #22223b1f;flex-direction:column;gap:22px;max-width:90vw;min-width:360px;padding:40px 32px 32px}.login-form h1{color:#4a4e69;font-size:2rem;font-weight:800;margin-bottom:8px}.login-form input,.register-form input{box-sizing:border-box;display:block;font-size:12px;height:18px!important;line-height:1!important;margin:0 auto;max-width:260px;padding:0 6px;width:100%}.login-form,.register-form{max-width:90vw;min-width:360px}.login-form .form-btn,.register-form .form-btn{display:block;margin:18px auto 0;max-width:260px;width:100%}.login-form .error,.login-form .field-error,.register-form .error,.register-form .field-error{display:block;margin:0 auto;max-width:260px;text-align:center;width:100%}.login-form input:focus{border:2px solid #6a82fb;box-shadow:0 2px 8px #6a82fb22;outline:none}.input-error{background:#fff0f0;border:2px solid #ff6f61!important}.login-form .form-btn{width:100%}.login-form .error{color:#d32f2f;font-weight:600;margin-top:8px;text-align:center}.dark-mode .login-container{background:linear-gradient(135deg,#23272b,#393e46)}.dark-mode .login-form{background:#23272b;box-shadow:0 4px 32px #00000052;color:#f2e9e4}.dark-mode .login-form h1{color:#fff200}.dark-mode .login-form input{background:#181a1b;border:1.5px solid #393e46;color:#f2e9e4}.dark-mode .login-form input:focus{border:2px solid #fff200;box-shadow:0 2px 8px #fff20022}.dark-mode .input-error{background:#2d1a1a;border:2px solid #ff6f61!important}.landing-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.landing-content{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:800px;padding:40px;text-align:center}.landing-title{color:#4a4e69;font-size:2.5rem;font-weight:800;margin-bottom:16px}.landing-subtitle{color:#6a82fb;font-size:1.2rem;margin-bottom:40px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:40px 0}.feature-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.feature-card:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.feature-card h3{color:#4a4e69;font-size:1.3rem;margin-bottom:12px}.feature-card p{color:#6c757d;line-height:1.5}.landing-buttons{display:flex;gap:16px;justify-content:center;margin-top:32px}.landing-btn{border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 32px;transition:all .2s}.landing-btn.primary{background:linear-gradient(90deg,#6a82fb,#4a4e69);color:#fff}.landing-btn.primary:hover{background:linear-gradient(90deg,#4a4e69,#6a82fb);transform:translateY(-2px)}.landing-btn.secondary{background:#0000;border:2px solid #6a82fb;color:#6a82fb}.landing-btn.secondary:hover{background:#6a82fb;color:#fff}.register-container{align-items:center;background:linear-gradient(135deg,#a8edea,#fed6e3);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-form{align-items:center;background:#fff;border-radius:16px;box-shadow:0 4px 32px #22223b1f;display:flex;flex-direction:column;gap:16px;max-width:90vw;min-width:360px;padding:40px 32px 32px}.register-form h1{color:#4a4e69;font-size:2rem;font-weight:800;margin-bottom:8px}.register-subtitle{color:#6c757d;margin-bottom:24px;text-align:center}.register-form input{background:#fff;border:1.5px solid #c9ada7;border-radius:8px;font-size:1.05rem;padding:12px 16px;transition:border .2s,box-shadow .2s;width:100%}.field-error{align-self:flex-start;color:#d32f2f;font-size:.9rem;margin-top:-8px}.back-btn{background:#0000;border:none;color:#6a82fb;cursor:pointer;font-size:1rem;margin-top:16px;padding:8px 0;transition:color .2s}.back-btn:hover{color:#4a4e69}.login-subtitle{color:#6c757d;margin-bottom:24px;text-align:center}.login-links{gap:12px;margin-top:24px}.link-btn{background:#0000;border:none;color:#6a82fb;cursor:pointer;font-size:1rem;padding:8px 0;transition:color .2s}.link-btn:hover{color:#4a4e69}.dark-mode .landing-container{background:linear-gradient(135deg,#23272b,#393e46)}.dark-mode .landing-content{background:#22223bf2;color:#f2e9e4}.dark-mode .landing-title{color:#fff200}.dark-mode .landing-subtitle{color:#e0c3fc}.dark-mode .feature-card{background:#23272b;border:1px solid #393e46;color:#f2e9e4}.dark-mode .feature-card h3{color:#fff200}.dark-mode .feature-card p{color:#e0c3fc}.dark-mode .landing-btn.secondary{border:2px solid #fff200;color:#fff200}.dark-mode .landing-btn.secondary:hover{background:#fff200;color:#23272b}.dark-mode .register-container{background:linear-gradient(135deg,#23272b,#393e46)}.dark-mode .register-form{background:#23272b;box-shadow:0 4px 32px #00000052;color:#f2e9e4}.dark-mode .register-form h1{color:#fff200}.dark-mode .register-form input{background:#181a1b;border:1.5px solid #393e46;color:#f2e9e4}.dark-mode .register-form input:focus{border:2px solid #fff200;box-shadow:0 2px 8px #fff20022}.dark-mode .back-btn{color:#fff200}.dark-mode .back-btn:hover,.dark-mode .login-subtitle{color:#e0c3fc}.dark-mode .link-btn{color:#fff200}.dark-mode .link-btn:hover{color:#e0c3fc}.app-layout{display:flex;flex-direction:column;min-height:100vh}.top-nav{background:#22223b;box-shadow:0 2px 8px #22223b0f;display:flex;gap:32px;justify-content:center;padding:20px 0}.main-content{display:flex;flex:1 1}.sidebar{background:#f8f9fa;border-right:1px solid #e9ecef;display:flex;flex-direction:column;gap:24px;padding:24px;width:280px}.content-area{flex:1 1;padding:24px}.content-area .container{box-sizing:border-box;margin:0;width:100%}.user-info{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;gap:12px;padding:16px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#6a82fb;border-radius:50%;color:#fff;font-size:2rem;height:48px;justify-content:center;width:48px}.user-details h3{color:#4a4e69;font-size:1.1rem;font-weight:600;margin:0}.user-details p{color:#6c757d;font-size:.9rem;margin:4px 0 0}.sidebar-section h4{color:#4a4e69;font-size:1rem;font-weight:600;margin:0 0 16px}.sidebar-btn{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:1rem;margin-bottom:8px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.sidebar-btn:hover{background:#6a82fb;border-color:#6a82fb;color:#fff}.feedback-subtitle{color:#6c757d;margin-bottom:32px;text-align:center}.feedback-form{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:0 auto;max-width:600px;padding:32px}.rating-section{margin-bottom:24px}.rating-section label{color:#4a4e69;display:block;font-weight:600;margin-bottom:12px}.rating-stars{display:flex;gap:8px}.star{background:none;border:none;cursor:pointer;font-size:1.5rem;opacity:.3;transition:transform .2s}.star.active{opacity:1;transform:scale(1.1)}.star:hover{transform:scale(1.2)}.form-group{margin-bottom:24px}.form-group label{color:#4a4e69;display:block;font-weight:600;margin-bottom:8px}.form-group select,.form-group textarea{background:#fff;border:1.5px solid #c9ada7;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border .2s,box-shadow .2s;width:100%}.form-group select:focus,.form-group textarea:focus{border:2px solid #6a82fb;box-shadow:0 2px 8px #6a82fb22;outline:none}.form-group textarea{min-height:120px;resize:vertical}.dark-mode .sidebar{background:#23272b;border-right:1px solid #393e46}.dark-mode .user-info{background:#23272b;color:#f2e9e4}.dark-mode .user-details h3{color:#fff200}.dark-mode .user-details p{color:#e0c3fc}.dark-mode .sidebar-section h4{color:#fff200}.dark-mode .sidebar-btn{background:#23272b;border:1px solid #393e46;color:#f2e9e4}.dark-mode .sidebar-btn:hover{background:#fff200;border-color:#fff200;color:#23272b}.dark-mode .feedback-form{background:#23272b;color:#f2e9e4}.dark-mode .form-group label{color:#fff200}.dark-mode .form-group select,.dark-mode .form-group textarea{background:#181a1b;border:1.5px solid #393e46;color:#f2e9e4}.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border:2px solid #fff200;box-shadow:0 2px 8px #fff20022}.dark-mode .feedback-subtitle{color:#e0c3fc}@media (max-width:1050px){.main-content{align-items:stretch;flex-direction:column;gap:0}.sidebar{align-items:center;border-bottom:1px solid #e9ecef;border-right:none;flex-direction:row;justify-content:space-between;min-width:0;padding:16px;width:100%}.content-area{align-items:stretch;max-width:100vw;padding:16px 0 0}}.test-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:12px;padding:8px 16px;transition:background .2s}.test-btn:hover{background:#5a6268}.dark-mode .test-btn{background:#495057}.dark-mode .test-btn:hover{background:#343a40}.dashboard-subtitle{color:#6c757d;font-size:1.1rem;margin-bottom:24px;text-align:center}.dark-mode .dashboard-subtitle{color:#e0c3fc}.container.error{color:#d32f2f;padding:20px;text-align:center}.login-logo{align-items:center;animation:logo-pop .7s cubic-bezier(.23,1,.32,1);display:flex;justify-content:center;margin-bottom:12px}@keyframes logo-pop{0%{opacity:0;transform:scale(.7)}80%{opacity:1;transform:scale(1.1)}to{transform:scale(1)}}.fade-in{animation:fadeInForm .8s cubic-bezier(.23,1,.32,1)}@keyframes fadeInForm{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.thunder-login-container{align-items:center!important;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e)!important;display:flex!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;justify-content:center!important;min-height:100vh!important;overflow:auto!important;padding:20px!important;position:relative!important;width:100vw!important}.thunder-bg{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.lightning-bolt{animation:lightning 4s infinite;background:linear-gradient(180deg,#0000,gold,orange,#0000);height:100px;opacity:0;position:absolute;width:2px}.lightning-1{animation-delay:0s;left:20%}.lightning-2{animation-delay:2s;left:50%}.lightning-3{animation-delay:4s;left:80%}@keyframes lightning{0%,90%,to{opacity:0}15%,5%{opacity:1}10%{opacity:.5}}.rain-container{height:100%;position:absolute;width:100%}.rain-drop{animation:rain 2s linear infinite;background:linear-gradient(180deg,#0000,#4a90e2);height:20px;position:absolute;width:2px}@keyframes rain{0%{opacity:0;transform:translateY(-100px)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.login-card{animation:slideUp .8s ease-out forwards!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 20px 40px #0000004d!important;display:block!important;max-width:400px!important;min-height:200px!important;opacity:0!important;padding:40px!important;position:relative!important;transform:translateY(50px)!important;width:90%!important;z-index:10!important}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-header{margin-bottom:30px;text-align:center}.logo-container{margin-bottom:20px}.thunder-logo{animation:pulse 2s infinite;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{animation:glow 2s ease-in-out infinite alternate;color:gold;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 0 20px #ffd70080}@keyframes glow{0%{text-shadow:0 0 20px #ffd70080}to{text-shadow:0 0 30px #ffd700cc,0 0 40px #ffd7004d}}.login-subtitle{color:#b0b0b0;font-size:1rem;margin:0}.input-group,.login-form{margin-bottom:20px}.input-wrapper{align-items:center;display:flex;position:relative}.thunder-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:12px;color:#fff;font-size:16px;padding:15px 50px 15px 20px;transition:all .3s ease;width:100%}.thunder-input::placeholder{color:#fff9}.thunder-input:focus{border-color:gold;box-shadow:0 0 20px #ffd7004d;outline:none;transform:translateY(-2px)}.thunder-input.input-error{border-color:#ff4757;box-shadow:0 0 20px #ff47574d}.input-icon{left:15px;pointer-events:none}.input-icon,.password-toggle{color:gold;font-size:18px;position:absolute}.password-toggle{background:none;border:none;border-radius:5px;cursor:pointer;padding:5px;right:15px;transition:all .3s ease}.password-toggle:hover{background:#ffd7001a;transform:scale(1.1)}.field-error{animation:shake .5s ease-in-out;color:#ff4757;font-size:14px;margin-top:5px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.thunder-btn{border:none;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;overflow:hidden;padding:15px;position:relative;transition:all .3s ease;width:100%}.login-btn{background:linear-gradient(45deg,gold,orange,#ff4500);color:#000;text-shadow:0 1px 2px #0000004d}.login-btn:hover:not(:disabled){box-shadow:0 10px 25px #ffd70066;transform:translateY(-3px)}.login-btn:active:not(:disabled){transform:translateY(-1px)}.login-btn.loading{background:linear-gradient(45deg,#666,#888);cursor:not-allowed}.loading-spinner{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:gold;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-message{animation:slideIn .3s ease-out;background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:#ff4757;margin-top:15px;padding:12px;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-links{display:flex;flex-direction:column;gap:15px;text-align:center}.thunder-back,.thunder-link{background:none;border:none;border-radius:8px;color:gold;cursor:pointer;font-size:14px;padding:8px;text-decoration:none;transition:all .3s ease}.thunder-back:hover,.thunder-link:hover{background:#ffd7001a;text-shadow:0 0 10px #ffd70080;transform:translateY(-2px)}.thunder-back:disabled,.thunder-link:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:480px){.login-card{margin:20px;padding:30px 20px}.login-title{font-size:2rem}.thunder-input{font-size:14px;padding:12px 45px 12px 15px}.thunder-btn{font-size:16px;padding:12px}}@media (prefers-color-scheme:dark){.thunder-login-container{background:linear-gradient(135deg,#000,#1a1a2e 50%,#16213e)}}.thunder-login-container::-webkit-scrollbar,.thunder-register-container::-webkit-scrollbar{width:8px}.thunder-login-container::-webkit-scrollbar-track,.thunder-register-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.thunder-login-container::-webkit-scrollbar-thumb,.thunder-register-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,gold,orange);border-radius:4px}.thunder-login-container::-webkit-scrollbar-thumb:hover,.thunder-register-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,orange,#ff4500)}.thunder-login-container,.thunder-register-container{scrollbar-color:gold #ffffff1a;scrollbar-width:thin}.thunder-register-container{align-items:center!important;background:linear-gradient(135deg,#0c0c0c,#1a1a2e 50%,#16213e)!important;display:flex!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;justify-content:center!important;min-height:100vh!important;overflow:auto!important;padding:20px!important;position:relative!important;width:100vw!important}.register-card{animation:slideUp .8s ease-out forwards!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:20px!important;box-shadow:0 20px 40px #0000004d!important;max-width:450px!important;opacity:0!important;padding:40px!important;position:relative!important;transform:translateY(50px)!important;width:90%!important;z-index:10!important}.register-title{animation:glow 2s ease-in-out infinite alternate!important;color:gold!important;font-size:2.5rem!important;font-weight:700!important;margin:0 0 10px!important;text-shadow:0 0 20px #ffd70080!important}.register-subtitle{color:#b0b0b0!important;font-size:1rem!important;margin:0!important}.thunder-register-btn{background:linear-gradient(45deg,gold,orange,#ff4500)!important;border:none!important;border-radius:12px!important;color:#000!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;overflow:hidden!important;padding:15px!important;position:relative!important;text-shadow:0 1px 2px #0000004d!important;transition:all .3s ease!important;width:100%!important}.thunder-register-btn:hover:not(:disabled){box-shadow:0 10px 25px #ffd70066!important;transform:translateY(-3px)!important}.thunder-register-btn:active:not(:disabled){transform:translateY(-1px)!important}.thunder-register-btn.loading{background:linear-gradient(45deg,#666,#888)!important;cursor:not-allowed!important}.success-message{animation:slideIn .3s ease-out!important;background:#4caf501a!important;border:1px solid #4caf504d!important;border-radius:8px!important;color:#4caf50!important;margin-top:15px!important;padding:12px!important;text-align:center!important}
/*# sourceMappingURL=main.4995b0de.css.map*/