.about-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem 0;position:relative;overflow:hidden}.dark .about-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.about-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="rgba(102,126,234,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');opacity:.3;pointer-events:none}.about-hero{text-align:center;padding:4rem 2rem;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.about-content{max-width:800px;margin:0 auto}.about-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.1)}.dark .about-title{background:linear-gradient(135deg,#a8edea,#fed6e3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-subtitle{font-size:1.3rem;color:#6c757d;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto}.dark .about-subtitle{color:#a0a0a0}.about-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:1}.about-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem;text-align:center;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;animation:slideUp .6s ease-out}.about-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.dark .about-card{background:#1e1e1ee6;border-color:#ffffff1a}.about-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.about-card-title{font-size:1.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.dark .about-card-title{color:#e2e8f0}.about-card-text{color:#6c757d;line-height:1.6;font-size:1rem}.dark .about-card-text{color:#d1d5db}.about-cta{text-align:center;padding:4rem 2rem;position:relative;z-index:1;animation:fadeInUp .8s ease-out .4s both}.about-cta-title{font-size:2.5rem;font-weight:700;color:#2d3748;margin-bottom:1rem}.dark .about-cta-title{color:#e2e8f0}.about-cta-text{font-size:1.2rem;color:#6c757d;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.dark .about-cta-text{color:#d1d5db}.about-cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;text-decoration:none;display:inline-block}.about-cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea99;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.about-cta-button:active{transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-hero{padding:2rem 1rem}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.1rem}.about-section{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.about-card{padding:2rem}.about-cta{padding:2rem 1rem}.about-cta-title{font-size:2rem}.about-cta-text{font-size:1rem}}@media (max-width: 480px){.about-title{font-size:2rem}.about-card{padding:1.5rem;border-radius:16px}.about-cta-button{padding:.8rem 2rem;font-size:1rem}}:root{--bg-light: #f4f6f8;--bg-dark: #121212;--text-light: #1e1e1e;--text-dark: #eaeaea;--primary: #2563eb;--primary-hover: #1d4ed8;--card-bg-light: #ffffff;--card-bg-dark: #1e1e1e;--border-radius: 16px;--transition: .3s ease;--shadow-light: 0 8px 20px rgba(0, 0, 0, .1);--shadow-dark: 0 8px 20px rgba(0, 0, 0, .4)}body{margin:0;font-family:Inter,Poppins,sans-serif;background-color:var(--bg-light);color:var(--text-light);transition:var(--transition)}.dark body{background-color:var(--bg-dark);color:var(--text-dark)}.auth-container{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(120deg,#dbeafe,#fef3c7);transition:var(--transition);padding:20px;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.1;pointer-events:none}.dark .auth-container{background:linear-gradient(120deg,#0f172a,#1e293b)}.auth-card{background-color:var(--card-bg-light);padding:0;border-radius:var(--border-radius);box-shadow:var(--shadow-light);width:100%;max-width:480px;animation:fadeSlideUp .6s ease both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.auth-card:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.dark .auth-card{background-color:var(--card-bg-dark);box-shadow:var(--shadow-dark);border-color:#ffffff1a}.auth-tabs{display:flex;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.auth-tab{flex:1;padding:1rem 1.5rem;border:none;background:transparent;color:#6c757d;font-weight:500;font-size:16px;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative}.auth-tab:hover{color:#495057;background:#667eea0d}.auth-tab-active{color:#667eea!important;background:#fff;border-bottom-color:#667eea!important;font-weight:600}.auth-content{padding:2.5rem}.auth-subtitle{color:#ffffffe6!important;font-size:1.1rem;margin:0}.dark .auth-tabs{background:#2a2a2a;border-color:#404040}.dark .auth-tab{color:#a0a0a0}.dark .auth-tab:hover{color:#eaeaea;background:#667eea1a}.dark .auth-tab-active{color:#667eea!important;background:#1e1e1e}.dark .auth-content{background:#1e1e1e}.auth-header{text-align:center;margin-bottom:2rem;animation:fadeInDown .6s ease-out}.logo-wrapper{margin-bottom:1rem}.logo-img{width:80px;height:80px;border-radius:50%;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease}.logo-img:hover{transform:scale(1.05)}.welcome-title{color:#fff!important;font-size:2.5rem!important;font-weight:700!important;margin-bottom:.5rem!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.auth-header .ant-typography{color:#ffffffe6!important;font-size:1.1rem}.auth-form{margin-top:1.5rem}.auth-input{border-radius:12px!important;border:2px solid #e1e5e9!important;padding:12px 16px!important;font-size:16px!important;transition:all .3s ease!important;background:#f8f9fa!important}.auth-input:focus,.auth-input:hover{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important;background:#fff!important}.auth-input.ant-input-affix-wrapper{padding:0!important}.auth-input.ant-input-affix-wrapper .ant-input{background:transparent!important;border:none!important;box-shadow:none!important;padding:12px 16px!important}.auth-input.ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important;padding-left:16px!important}.auth-input.ant-input-affix-wrapper .ant-input-suffix{margin-left:12px!important;padding-right:16px!important}.auth-input.ant-input-affix-wrapper:focus,.auth-input.ant-input-affix-wrapper:hover{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.dark .auth-input{background:#2a2a2a!important;border-color:#404040!important;color:#fff!important}.dark .auth-input:focus,.dark .auth-input:hover{background:#333!important;border-color:#667eea!important}.dark .auth-input.ant-input-affix-wrapper .ant-input{background:transparent!important;color:#fff!important}.dark .auth-input.ant-input-affix-wrapper .ant-input-prefix{margin-right:12px!important;padding-left:16px!important}.dark .auth-input.ant-input-affix-wrapper .ant-input-suffix{margin-left:12px!important;padding-right:16px!important}.auth-input::placeholder{color:#9ca3af!important;opacity:1!important}.auth-input.ant-input-affix-wrapper .ant-input::placeholder{color:#9ca3af!important;opacity:1!important}.dark .auth-input::placeholder{color:#e5e7eb!important;opacity:1!important}.dark .auth-input.ant-input-affix-wrapper .ant-input::placeholder{color:#e5e7eb!important;opacity:1!important}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:12px!important;height:48px!important;font-size:16px!important;font-weight:600!important;transition:all .3s ease!important;box-shadow:0 4px 15px #667eea66!important}.auth-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 20px #667eea99!important;background:linear-gradient(135deg,#5a6fd8,#6a4190)!important}.auth-button:active{transform:translateY(0)!important}.ant-btn:not(.auth-button){border-radius:12px!important;height:48px!important;border:2px solid #e1e5e9!important;background:#fff!important;color:#495057!important;font-weight:500!important;transition:all .3s ease!important}.ant-btn:not(.auth-button):hover{border-color:#667eea!important;color:#667eea!important;transform:translateY(-1px);box-shadow:0 4px 12px #667eea33!important}.dark .ant-btn:not(.auth-button){background:#2a2a2a!important;border-color:#404040!important;color:#fff!important}.dark .ant-btn:not(.auth-button):hover{background:#333!important;border-color:#667eea!important;color:#667eea!important}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e1e5e9}.auth-footer a{color:#667eea!important;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-footer a:hover{color:#5a6fd8!important}.auth-footer button{color:#667eea!important;font-weight:600;text-decoration:none;transition:color .3s ease;background:none;border:none;cursor:pointer}.auth-footer button:hover{color:#5a6fd8!important;text-decoration:underline}.dark .auth-footer{border-color:#404040}.dark .auth-footer a,.dark .auth-footer button{color:#818cf8!important}.dark .auth-footer button:hover{color:#6366f1!important}.ant-divider{border-color:#e1e5e9!important;margin:1.5rem 0!important}.ant-divider-inner-text{color:#6c757d!important;font-size:14px!important}.dark .ant-divider{border-color:#404040!important}.dark .ant-divider-inner-text{color:#d1d5db!important}.ant-steps .ant-steps-item-title{color:#1e1e1e!important}.ant-steps .ant-steps-item-description{color:#6c757d!important}.ant-steps .ant-steps-item-icon .ant-steps-icon{color:#667eea!important}.dark .ant-steps .ant-steps-item-title{color:#eaeaea!important}.dark .ant-steps .ant-steps-item-description{color:#a0a0a0!important}.dark .ant-steps .ant-steps-item-icon .ant-steps-icon{color:#667eea!important}.dark .ant-steps .ant-steps-item-process .ant-steps-item-icon{background-color:#667eea!important;border-color:#667eea!important}.dark .ant-steps .ant-steps-item-wait .ant-steps-item-icon{background-color:#2a2a2a!important;border-color:#404040!important}.dark .ant-steps .ant-steps-item-finish .ant-steps-item-icon{background-color:#667eea!important;border-color:#667eea!important}.auth-form .ant-form-item-label>label{color:#1e1e1e!important}.dark .auth-form .ant-form-item-label>label{color:#eaeaea!important}@media (max-width: 768px){.auth-container{padding:10px}.auth-card{margin:0 10px;max-width:100%}.auth-content{padding:1.5rem!important}.auth-tab{padding:.75rem 1rem;font-size:14px}.welcome-title{font-size:2rem!important}.logo-img{width:60px;height:60px}}@media (max-width: 480px){.auth-content{padding:1rem!important}.auth-tab{padding:.5rem .75rem;font-size:13px}.welcome-title{font-size:1.8rem!important}.auth-input{font-size:14px!important;padding:10px 12px!important}.auth-input.ant-input-affix-wrapper .ant-input{padding:10px 12px!important}.auth-input.ant-input-affix-wrapper .ant-input-prefix{margin-right:8px!important;padding-left:12px!important}.auth-input.ant-input-affix-wrapper .ant-input-suffix{margin-left:8px!important;padding-right:12px!important}.auth-button{height:44px!important;font-size:14px!important}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.forget-password-form,.reset-password-form{width:100%;max-width:400px}.forget-password-form .form-header,.reset-password-form .form-header{text-align:center;margin-bottom:2rem;position:relative}.forget-password-form .form-header .back-button,.reset-password-form .form-header .back-button{position:absolute;left:0;top:0;color:var(--primary);border:none;background:none;padding:0;font-size:14px;cursor:pointer;transition:var(--transition)}.forget-password-form .form-header .back-button:hover,.reset-password-form .form-header .back-button:hover{color:var(--primary-hover)}.forget-password-form .form-header .form-title,.reset-password-form .form-header .form-title{font-size:1.5rem;font-weight:600;color:var(--text-light);margin:0 0 .5rem}.forget-password-form .form-header .form-description,.reset-password-form .form-header .form-description{color:var(--text-light);opacity:.7;font-size:.9rem;margin:0;line-height:1.4}.forget-password-form .form-header .form-description strong,.reset-password-form .form-header .form-description strong{color:var(--text-light);opacity:1;font-weight:600}.forget-password-form .auth-form .form-actions,.reset-password-form .auth-form .form-actions{margin-bottom:0}.dark .forget-password-form .form-header .form-title,.dark .reset-password-form .form-header .form-title,.dark .forget-password-form .form-header .form-description,.dark .reset-password-form .form-header .form-description{color:var(--text-dark)}.dark .forget-password-form .form-header .form-description strong,.dark .reset-password-form .form-header .form-description strong{color:var(--text-dark);opacity:1}@tailwind base;@tailwind components;@tailwind utilities;html,body{scroll-behavior:smooth}:root{--primary: #2563eb;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark{color-scheme:dark}.text-primary{color:var(--primary)}.bg-primary{background-color:var(--primary)}.bg-primary-50{background-color:var(--primary-50)}.bg-primary-100{background-color:var(--primary-100)}.border-primary{border-color:var(--primary)}.hover\:bg-primary-600:hover{background-color:var(--primary-600)}.hover\:bg-primary-700:hover{background-color:var(--primary-700)}.hover\:text-primary:hover{color:var(--primary)}.hover\:border-primary:hover{border-color:var(--primary)}.transition-all{transition:all .3s ease}.transition-colors{transition:color .3s ease,background-color .3s ease,border-color .3s ease}.transition-transform{transition:transform .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark ::-webkit-scrollbar-track{background:#2a2a2a}.dark ::-webkit-scrollbar-thumb{background:#555}.dark ::-webkit-scrollbar-thumb:hover{background:#777}.bounce-delay-1{animation-delay:.1s}.bounce-delay-2{animation-delay:.2s}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}img[src*=placeholder]{background-color:#f3f4f6;border:1px solid #e5e7eb}