/* This CSS code is developed for the @KDR Team and Khogendra Rupini. 
It is exclusively owned and maintained by him.
If anyone wishes to use this stylesheet, they must first contact Khogendra Rupini 
through his official website https://khogendrarupini.com 
Or his GitHub profile https://github.com/khogendrarupini/
This code is protected and requires a valid license, 
as it falls under the @KDR License by Khogendra Rupini. */

:root{--primary-color:#3B82F6;--primary-light:#1E293B;--primary-dark:#2563EB;--secondary-color:#10B981;--accent-color:#EF4444;--light-color:#0f172a2c;--dark-color:#F8FAFC;--gray-light:#1E293B;--gray-medium:#64748B;--gray-dark:#CBD5E1;--border-color:#334155;--card-shadow:0 4px 20px rgba(0,0,0,.2);--hover-shadow:0 12px 40px rgba(0,0,0,.3);--gradient-primary:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%);--gradient-secondary:linear-gradient(135deg,#10B981 0%,#059669 100%);--gradient-accent:linear-gradient(135deg,#EF4444 0%,#DC2626 100%);--gradient-dark:linear-gradient(135deg,#0F172A 0%,#1E293B 100%);--gradient-hero:linear-gradient(135deg,#3B82F6 0%,#1D4ED8 100%)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;background-color:#13171a;color:var(--dark-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background-image:radial-gradient(circle at 10% 20%,rgba(59,130,246,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(16,185,129,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(30,41,59,.2) 0%,transparent 50%)}.auth-container{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.auth-hero{display:flex;flex-direction:column;justify-content:center;padding:40px}.hero-content{max-width:500px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:30px}.logo svg{width:48px;height:48px;color:var(--primary-color)}.logo-text{font-size:2.2rem;font-weight:700;color:var(--primary-color)}.hero-content h1{text-align:left;font-size:2.8rem;font-weight:700;margin-bottom:20px;line-height:1.2;background:linear-gradient(to right,#F8FAFC,#CBD5E1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{text-align:left;font-size:1.2rem;color:var(--gray-medium);margin-bottom:40px;line-height:1.6}.features{display:flex;flex-direction:column;gap:20px}.feature{display:flex;align-items:flex-start;gap:15px}.feature-icon{width:50px;height:50px;background:var(--gray-light);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.5rem;flex-shrink:0}.feature-text h3{text-align:left;font-size:1.1rem;font-weight:600;margin-bottom:5px}.feature-text p{font-size:.95rem;color:var(--gray-medium);margin:0}.auth-card{background:rgba(30,41,59,.103);backdrop-filter:blur(20px);border-radius:3px;padding:50px 40px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden;transition:all .3s ease}.auth-header{text-align:center;margin-bottom:35px}.auth-header h1{font-size:1.8rem;font-weight:600;margin-bottom:10px}.auth-header p{color:var(--gray-medium);font-size:1rem}.auth-tabs{display:flex;background:var(--light-color);border-radius:8px;border:1px solid var(--border-color);padding:5px;margin-bottom:30px}.auth-tab{flex:1;padding:14px 20px;text-align:center;cursor:pointer;border-radius:8px;font-weight:500;transition:all .3s ease}.auth-tab.active{background:var(--gradient-primary);color:rgb(255,255,255);box-shadow:0 4px 12px rgba(59,130,246,.3)}.auth-form{display:none}.auth-form.active{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:20px;position:relative}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--gray-dark);font-size:.9rem}.input-with-icon{position:relative}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--gray-medium);z-index:1}.form-input{width:100%;padding:16px 15px 16px 50px;background:var(--light-color);border:1px solid var(--border-color);border-radius:12px;color:var(--dark-color);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-medium);cursor:pointer;z-index:1;transition:color .3s}.password-toggle:hover{color:var(--primary-color)}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:8px;color:var(--gray-medium)}.checkbox{width:20px;height:20px;border-radius:6px;border:1px solid var(--border-color);background:var(--light-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.checkbox.checked{background:var(--primary-color);border-color:var(--primary-color)}.checkbox.checked::after{content:'✓';color:rgb(255,255,255);font-size:12px;font-weight:bold}.forgot-password{color:var(--primary-color);text-decoration:none;transition:color .3s;font-weight:500}.forgot-password:hover{color:var(--primary-dark)}.btn{width:100%;color: #ff0044;padding:16px;border-radius:12px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .3s;border:none;font-family:'Inter',sans-serif;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--gradient-primary);color:rgb(255,255,255);box-shadow:0 4px 15px rgba(59,130,246,.3)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.divider{display:flex;align-items:center;margin:25px 0;color:var(--gray-medium)}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border-color)}.divider-text{padding:0 15px;font-size:.9rem}.social-login{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:25px}.social-btn{padding:14px;border-radius:12px;background:var(--light-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;gap:10px}.social-btn:hover{background:var(--gray-light)}.social-icon{width:20px;height:20px}.social-text{font-weight:500;font-size:.9rem}.auth-footer{text-align:center;color:var(--gray-medium);font-size:.9rem}.auth-footer a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .3s}.auth-footer a:hover{color:var(--primary-dark)}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.floating-element{position:absolute;border-radius:50%;background:rgba(255,255,255,.05);animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}100%{transform:translateY(0) rotate(360deg)}}.btn.loading{position:relative;color:transparent}.btn.loading::after{content:'';position:absolute;width:20px;height:20px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.error-message{color:var(--accent-color);font-size:.9rem;margin-top:5px;display:none}.error-message.show{display:block}.success-message{color:var(--secondary-color);font-size:.9rem;margin-top:5px;display:none}.success-message.show{display:block}#otp-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1000;align-items:center;justify-content:center;padding:20px}.otp-modal-content{background:rgba(30,41,59,.9);backdrop-filter:blur(20px);border-radius:3px;padding:40px;box-shadow:var(--card-shadow);border:1px solid rgba(255,255,255,.1);max-width:400px;width:100%;position:relative}@media (max-width:1024px){.auth-container{grid-template-columns:1fr;max-width:800px}.auth-hero{text-align:center;padding:20px}.hero-content{max-width:100%}.features{flex-direction:row;justify-content:center;flex-wrap:wrap}.feature{flex:0 0 calc(50% - 20px)}}@media (max-width:768px){.auth-card{padding:40px 30px}.hero-content h1{font-size:2.2rem}.feature{flex:0 0 100%}.social-login{grid-template-columns:1fr}.otp-modal-content{padding:30px 25px}}@media (max-width:576px){body{padding:15px}.auth-card{padding:30px 25px}.auth-header h1{font-size:1.6rem}.form-options{flex-direction:column;align-items:flex-start;gap:15px}.hero-content h1{font-size:1.8rem}.logo-text{font-size:1.8rem}.logo svg{width:40px;height:40px}.otp-modal-content{padding:25px 20px}}@media (max-width:400px){.auth-card{padding:25px 20px}.logo-text{font-size:1.5rem}.logo svg{width:36px;height:36px}.auth-tab{padding:12px 15px;font-size:.9rem}.otp-modal-content{padding:20px 15px}}