@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");.auth-page-container{flex-direction:column;align-items:center;min-height:100vh;background:var(--bg-primary);padding:20px;font-family:Poppins,sans-serif;transition:background-color .3s ease}.auth-logo,.auth-page-container{display:flex;justify-content:center}.auth-logo{width:100%;margin-bottom:30px}.logo-content{display:flex;flex-direction:column;align-items:center;width:-moz-fit-content;width:fit-content;cursor:pointer}.logo-image{margin-bottom:8px;display:block}.logo-text{font-size:28px;font-weight:700;color:var(--text-primary);transition:color .3s ease}.auth-wrapper{position:relative;width:100%;max-width:800px;height:500px;border:1px solid rgba(255,86,21,.2);box-shadow:0 10px 40px rgba(0,0,0,.4),0 0 20px rgba(255,86,21,.1);overflow:hidden;background:rgba(26,26,26,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;transition:all .3s ease}.auth-wrapper .credentials-panel{position:absolute;top:0;width:50%;height:100%;display:flex;justify-content:center;flex-direction:column}.credentials-panel.signin{left:0;padding:0 40px}.credentials-panel.signin .slide-element{transform:translateX(0);transition:.7s;opacity:1}.credentials-panel.signin .slide-element:first-child{transition-delay:.1s}.credentials-panel.signin .slide-element:nth-child(2){transition-delay:.2s}.credentials-panel.signin .slide-element:nth-child(3){transition-delay:.3s}.credentials-panel.signin .slide-element:nth-child(4){transition-delay:.4s}.credentials-panel.signin .slide-element:nth-child(5){transition-delay:.5s}.credentials-panel.signin .slide-element:nth-child(6){transition-delay:.6s}.auth-wrapper.toggled .credentials-panel.signin .slide-element{transform:translateX(-120%);opacity:0}.auth-wrapper.toggled .credentials-panel.signin .slide-element:first-child{transition-delay:0s}.auth-wrapper.toggled .credentials-panel.signin .slide-element:nth-child(2){transition-delay:.1s}.auth-wrapper.toggled .credentials-panel.signin .slide-element:nth-child(3){transition-delay:.2s}.auth-wrapper.toggled .credentials-panel.signin .slide-element:nth-child(4){transition-delay:.3s}.auth-wrapper.toggled .credentials-panel.signin .slide-element:nth-child(5){transition-delay:.4s}.auth-wrapper.toggled .credentials-panel.signin .slide-element:nth-child(6){transition-delay:.5s}.credentials-panel.signup{right:0;padding:0 60px}.credentials-panel.signup .slide-element{transform:translateX(120%);transition:.7s ease;opacity:0;filter:blur(10px)}.credentials-panel.signup .slide-element:first-child{transition-delay:0s}.credentials-panel.signup .slide-element:nth-child(2){transition-delay:.1s}.credentials-panel.signup .slide-element:nth-child(3){transition-delay:.2s}.credentials-panel.signup .slide-element:nth-child(4){transition-delay:.3s}.credentials-panel.signup .slide-element:nth-child(5){transition-delay:.4s}.credentials-panel.signup .slide-element:nth-child(6){transition-delay:.5s}.credentials-panel.signup .slide-element:nth-child(7){transition-delay:.6s}.auth-wrapper.toggled .credentials-panel.signup .slide-element{transform:translateX(0);opacity:1;filter:blur(0)}.auth-wrapper.toggled .credentials-panel.signup .slide-element:first-child{transition-delay:.7s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(2){transition-delay:.8s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(3){transition-delay:.9s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(4){transition-delay:1s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(5){transition-delay:1.1s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(6){transition-delay:1.2s}.auth-wrapper.toggled .credentials-panel.signup .slide-element:nth-child(7){transition-delay:1.3s}.credentials-panel h2{font-size:32px;text-align:center;color:var(--text-primary);margin-bottom:10px;transition:color .3s ease}.credentials-panel .field-wrapper{position:relative;width:100%;height:50px;margin-top:25px}.field-wrapper input{width:100%;height:100%;background:transparent;border:none;outline:none;font-size:16px;color:var(--text-primary);font-weight:600;border-bottom:2px solid var(--border-primary);padding-right:28px;transition:.5s}.field-wrapper input:focus,.field-wrapper input:valid{border-bottom:2px solid var(--accent-primary)}.field-wrapper label{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:16px;color:var(--text-secondary);transition:.5s;pointer-events:none}.field-wrapper input:not(:-moz-placeholder)~label{top:-5px;color:var(--accent-primary);font-size:14px}.field-wrapper input:focus~label,.field-wrapper input:not(:placeholder-shown)~label{top:-5px;color:var(--accent-primary);font-size:14px}.field-wrapper i{position:absolute;top:50%;right:0;font-size:18px;transform:translateY(-50%);color:var(--text-secondary);transition:.5s}.field-wrapper input:focus~i,.field-wrapper input:valid~i{color:var(--accent-primary)}.submit-button{position:relative;width:100%;height:48px;background:rgba(255,86,21,.1);border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;border:1px solid rgba(255,86,21,.4);overflow:hidden;z-index:1;color:var(--accent-primary);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.submit-button:hover{background:rgba(255,86,21,.2);border-color:rgba(255,86,21,.6);color:#fff;transform:translateY(-1px);box-shadow:0 5px 15px rgba(255,86,21,.2)}.submit-button:active{transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.switch-link{font-size:14px;text-align:center;margin:20px 0 10px}.switch-link,.switch-link p{color:var(--text-primary);transition:color .3s ease}.switch-link a{text-decoration:none;color:var(--accent-primary);font-weight:600;transition:.3s}.switch-link a:hover{text-decoration:underline}.error-message{background:rgba(239,68,68,.1);border-left:3px solid #ef4444;padding:12px;margin-top:15px;border-radius:4px;color:#fca5a5;font-size:14px}.welcome-section{position:absolute;top:0;height:100%;width:50%;display:flex;justify-content:center;flex-direction:column}.welcome-section.signin{right:0;text-align:right;padding:0 40px 60px 150px}.welcome-section.signin .slide-element{transform:translateX(0);transition:.7s ease;opacity:1;filter:blur(0)}.welcome-section.signin .slide-element:first-child{transition-delay:.5s}.auth-wrapper.toggled .welcome-section.signin .slide-element{transform:translateX(120%);opacity:0;filter:blur(10px)}.auth-wrapper.toggled .welcome-section.signin .slide-element:first-child{transition-delay:0s}.welcome-section.signup{left:0;text-align:left;padding:0 150px 60px 38px;pointer-events:none}.welcome-section.signup .slide-element{transform:translateX(-120%);transition:.7s ease;opacity:0;filter:blur(10px)}.welcome-section.signup .slide-element:first-child{transition-delay:0s}.auth-wrapper.toggled .welcome-section.signup .slide-element{transform:translateX(0);opacity:1;filter:blur(0)}.auth-wrapper.toggled .welcome-section.signup .slide-element:first-child{transition-delay:.7s}.welcome-section h2{text-transform:uppercase;font-size:36px;line-height:1.3;color:var(--text-primary);transition:color .3s ease}.auth-wrapper:not(.loaded) .background-shape{transform:rotate(0deg) skewY(0deg) translateX(100%)!important;opacity:0}.auth-wrapper:not(.loaded) .secondary-shape{transform:translateY(100%)!important;opacity:0}.auth-wrapper:not(.loaded) .credentials-panel.signin .slide-element{transform:translateX(-30px);opacity:0}.auth-wrapper:not(.loaded) .welcome-section.signin .slide-element{transform:translateX(30px);opacity:0}.auth-wrapper .background-shape{position:absolute;right:0;top:-5px;height:600px;width:850px;background:linear-gradient(45deg,var(--bg-secondary),var(--accent-primary));transform:rotate(10deg) skewY(40deg);transform-origin:bottom right;transition:1.5s cubic-bezier(.4,0,.2,1);transition-delay:.4s;opacity:1}.auth-wrapper.toggled .background-shape{transform:rotate(0deg) skewY(0deg);transition-delay:.3s}.auth-wrapper .secondary-shape{position:absolute;left:250px;top:100%;height:700px;width:850px;background:var(--bg-secondary);border-top:3px solid var(--accent-primary);transform:rotate(0deg) skewY(0deg);transform-origin:bottom left;transition:1.5s cubic-bezier(.4,0,.2,1);transition-delay:.3s;opacity:1}.auth-wrapper.toggled .secondary-shape{transform:rotate(-11deg) skewY(-41deg);transition-delay:.4s}.back-link{margin-top:15px;text-align:center;z-index:10;animation:fadeInBack .8s ease forwards;animation-delay:1s;opacity:0}@keyframes fadeInBack{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}.back-link a{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.back-link a:hover{color:var(--accent-primary);opacity:1;display:inline-block;transform:translateX(-5px)}@media (max-width:768px){.back-link{margin-top:20px;margin-bottom:20px}.auth-page-container{padding:10px}.auth-wrapper{height:auto;min-height:500px;flex-direction:column;margin:20px;border-radius:16px;border:1px solid rgba(255,86,21,.2);box-shadow:0 5px 20px rgba(0,0,0,.4);background:rgba(26,26,26,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.auth-wrapper .credentials-panel,.welcome-section{width:100%;position:absolute;top:0;left:0;height:100%;padding:30px 20px;display:flex;flex-direction:column;justify-content:center;transition:all .6s cubic-bezier(.4,0,.2,1)}.credentials-panel.signin{opacity:1;pointer-events:auto;transform:translateX(0);z-index:2}.credentials-panel.signup{opacity:0;pointer-events:none;transform:translateX(30px);z-index:1}.auth-wrapper.toggled .credentials-panel.signin{opacity:0;pointer-events:none;transform:translateX(-30px);z-index:1}.auth-wrapper.toggled .credentials-panel.signup{opacity:1;pointer-events:auto;transform:translateX(0);z-index:2}.credentials-panel.signin .slide-element,.credentials-panel.signup .slide-element{opacity:1;filter:blur(0);transform:translateY(0)}.welcome-section{display:none}.credentials-panel h2{font-size:28px;margin-bottom:10px}.auth-wrapper .background-shape,.auth-wrapper .secondary-shape{display:none}.field-wrapper{margin-top:20px}}@media (max-width:480px){.credentials-panel.signin,.credentials-panel.signup{padding:30px 20px}.credentials-panel h2{font-size:24px}.field-wrapper input,.field-wrapper label{font-size:14px}.submit-button{font-size:14px;height:40px}.switch-link{font-size:13px}}.field-wrapper input[type=password],.field-wrapper input[type=text]{animation:textReveal .25s ease-out}@keyframes textReveal{0%{opacity:.6;filter:blur(1px)}to{opacity:1;filter:blur(0)}}