:root{--primary: #0f172a;--primary-light: #1e293b;--accent: #3b82f6;--accent-hover: #2563eb;--success: #10b981;--text-main: #1e293b;--text-muted: #64748b;--bg-main: #ffffff;--bg-secondary: #f8fafc;--glass: rgba(255, 255, 255, .8);--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--grad-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--grad-accent: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--primary);line-height:1.2}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}button{cursor:pointer;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1)}.container{max-width:1280px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;font-size:1rem;gap:.625rem;border:none}.btn-primary{background:var(--grad-accent);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f673}.btn-secondary{background:var(--primary);color:#fff}.btn-secondary:hover{background:var(--primary-light);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--primary)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.glass-nav{background:#ffffffb3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:1000;transition:all .3s ease}section{padding:8rem 0}.section-title{text-align:center;margin-bottom:5rem}.section-title h2{font-size:3rem;margin-bottom:1.25rem;letter-spacing:-.02em}.section-title p{color:var(--text-muted);font-size:1.25rem;max-width:700px;margin:0 auto}.card-hover{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-12px);box-shadow:var(--shadow-lg)}.bg-mesh{background-color:#fff;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.05) 0px,transparent 50%)}.bg-dark{background:var(--grad-primary);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:fadeInUp .8s ease-out forwards}.animate-float{animation:float 4s ease-in-out infinite}.gradient-text{background:var(--grad-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:12px;background:#fff;box-shadow:0 8px 30px #0000001f,0 2px 8px #0000000f;min-width:320px;max-width:420px;pointer-events:all;border-left:4px solid transparent;animation:toastSlideIn .3s ease-out}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-content{flex:1}.toast-message{margin:0;font-size:.9rem;font-weight:500;color:#333;line-height:1.4}.toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:#999;padding:2px;display:flex;align-items:center;transition:color .2s}.toast-close:hover{color:#333}.toast-success{border-left-color:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-left-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-info{border-left-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-warning{border-left-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:480px){.toast-container{top:1rem;right:1rem;left:1rem}.toast-item{min-width:auto;max-width:none}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f4f6fb,#e8ecf4);padding:2rem;font-family:Inter,system-ui,sans-serif}.register-card{width:100%;max-width:1000px;background:#fff;border-radius:20px;box-shadow:0 4px 6px #00000008,0 16px 40px #00000012;display:flex;overflow:hidden;min-height:700px;border:1px solid #edf0f7}.register-card.simple-card{min-height:auto;max-width:480px}.register-sidebar{width:300px;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;padding:3rem 2rem;display:flex;flex-direction:column}.logo-icon{width:40px;height:40px;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:800;font-size:1.1rem}.sidebar-header h3{margin:0;font-size:1.15rem;font-weight:700}.step-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;opacity:.4;transition:all .3s ease}.step-item.completed{opacity:.75}.step-item:not(:last-child):after{content:"";position:absolute;left:17.5px;top:35px;width:2px;height:calc(2rem - 3px);background:#ffffff26}.step-item.completed:not(:last-child):after{background:#22c55e}.step-number{width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;z-index:1;background:transparent;transition:all .3s ease}.active .step-number{border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 12px #3b82f64d;background:#3b82f61a}.completed .step-number{background:#22c55e;border-color:#22c55e;color:#fff}.step-label{font-size:.9rem;font-weight:500}.sidebar-footer{font-size:.8rem;line-height:1.6;opacity:.5}.register-main{flex:1;padding:3.5rem;position:relative;overflow-y:auto}.form-section h2{font-size:1.75rem;color:#0f172a;margin-bottom:.4rem;font-weight:800;font-family:Outfit,sans-serif}.section-desc{color:#64748b;margin-bottom:2.25rem;font-size:.9rem}.form-group{margin-bottom:1.35rem}.form-group label{display:block;font-weight:600;color:#334155;margin-bottom:.45rem;font-size:.85rem}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.95rem;transition:all .3s ease;background:#fafbfc}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem}.esg-grid{display:flex;flex-direction:column;gap:.75rem}.form-footer{display:flex;justify-content:space-between;margin-top:2.5rem;padding-top:1.75rem;border-top:1px solid #f1f5f9}.btn{padding:.7rem 1.75rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3b82f659}.btn-secondary{background:#f1f5f9;color:#64748b}.btn-secondary:hover{background:#e2e8f0}.btn-submit{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 12px #22c55e40}.btn-submit:hover{box-shadow:0 6px 18px #22c55e59}.alert{padding:.9rem 1.1rem;border-radius:10px;margin-bottom:1.75rem;font-size:.9rem;font-weight:500}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.animate-fade-in{animation:regFadeIn .5s ease-out}.animate-slide-down{animation:regSlideDown .3s ease-out}@keyframes regFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes regSlideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.register-card{flex-direction:column}.register-sidebar{width:100%;padding:1.75rem}.stepper{display:flex;overflow-x:auto;padding-bottom:.75rem;gap:1.75rem;margin-bottom:0}.step-item{margin-bottom:0;flex-shrink:0}.step-item:after{display:none}.register-main{padding:2rem}.form-grid,.form-grid-3{grid-template-columns:1fr}}@media(max-width:480px){.register-container{padding:1rem}.register-main{padding:1.5rem}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:2rem;font-family:Inter,sans-serif}.register-card{width:100%;max-width:1000px;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;overflow:hidden;min-height:700px}.register-sidebar{width:300px;background:#1a237e;color:#fff;padding:3rem 2rem;display:flex;flex-direction:column}.sidebar-header{margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.logo-icon{width:40px;height:40px;background:#fff;color:#1a237e;display:flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;font-size:1.2rem}.sidebar-header h3{margin:0;font-size:1.2rem;font-weight:600}.stepper{flex:1}.step-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;opacity:.5;transition:all .3s ease}.step-item.active{opacity:1}.step-item.completed{opacity:.8}.step-item:not(:last-child):after{content:"";position:absolute;left:17.5px;top:35px;width:2px;height:calc(2rem - 3px);background:#fff3}.step-item.completed:not(:last-child):after{background:#4caf50}.step-number{width:35px;height:35px;border-radius:50%;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;z-index:1;background:#1a237e}.active .step-number{border-color:gold;color:gold;box-shadow:0 0 15px #ffd7004d}.completed .step-number{background:#4caf50;border-color:#4caf50;color:#fff}.step-label{font-size:.95rem;font-weight:500}.sidebar-footer{font-size:.85rem;line-height:1.5;opacity:.7}.register-main{flex:1;padding:4rem;position:relative;overflow-y:auto}.form-section h2{font-size:2rem;color:#1a237e;margin-bottom:.5rem}.section-desc{color:#666;margin-bottom:2.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input:not([type=checkbox]),.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;border:2px solid #eee;border-radius:10px;font-family:inherit;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a237e;outline:none;box-shadow:0 0 0 4px #1a237e0d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.esg-grid{display:flex;flex-direction:column;gap:1rem}.form-footer{display:flex;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #eee}.btn{padding:.8rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:#1a237e;color:#fff}.btn-primary:hover{background:#0d47a1;transform:translateY(-2px);box-shadow:0 5px 15px #1a237e4d}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:#4caf50}.btn-submit:hover{background:#43a047}.alert{padding:1rem;border-radius:10px;margin-bottom:2rem}.alert-success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.price-input-wrapper{display:flex;align-items:center;gap:2rem}.checkbox-group{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.terms-acceptance{display:flex;align-items:center;gap:.5rem;margin-top:2rem;font-size:.9rem}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-slide-down{animation:slideDown .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.register-card{flex-direction:column}.register-sidebar{width:100%;padding:2rem}.stepper{display:flex;overflow-x:auto;padding-bottom:1rem;gap:2rem;margin-bottom:0}.step-item{margin-bottom:0;flex-shrink:0}.step-item:after{display:none}.register-main{padding:2rem}.form-grid{grid-template-columns:1fr}}.db-container{min-height:100vh;background:#f4f6fb;font-family:Inter,system-ui,sans-serif}.db-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:65vh;gap:1rem;color:#64748b}.db-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:db-spin .75s linear infinite}@keyframes db-spin{to{transform:rotate(360deg)}}.db-content{max-width:1140px;margin:0 auto;padding:2.5rem 2rem 3rem}.db-page-title{margin-bottom:2rem}.db-page-title h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 .25rem;font-family:Outfit,sans-serif}.db-page-sub{font-size:.95rem;color:#64748b;margin:0}.db-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.75rem}.db-stat-card{background:#fff;border-radius:14px;padding:1.35rem 1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid #edf0f7;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;transition:transform .3s ease,box-shadow .3s ease}.db-stat-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #00000012}.db-stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-icon-green{background:#ecfdf5;color:#16a34a}.db-icon-orange{background:#fff7ed;color:#ea580c}.db-icon-blue{background:#eff6ff;color:#2563eb}.db-stat-info{display:flex;flex-direction:column;gap:.2rem}.db-stat-label{font-size:.75rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.db-stat-value{font-size:.95rem;font-weight:700}.db-text-green{color:#16a34a}.db-text-orange{color:#ea580c}.db-text-muted{color:#94a3b8}.db-card{background:#fff;border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #edf0f7;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005;transition:box-shadow .3s ease}.db-card:hover{box-shadow:0 4px 16px #0000000f}.db-card h2{font-size:1.05rem;color:#0f172a;margin:0 0 1.25rem;font-weight:700}.db-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.db-card-head h2{margin-bottom:0}.db-card-link{font-size:.8rem;font-weight:600;color:#3b82f6;text-decoration:none;padding:.3rem .75rem;border-radius:6px;transition:background .2s}.db-card-link:hover{background:#eff6ff}.db-profile-list{display:flex;flex-direction:column}.db-profile-row{display:flex;align-items:center;padding:.7rem 0;border-bottom:1px solid #f8fafc}.db-profile-row:last-child{border-bottom:none}.db-profile-label{width:170px;font-size:.85rem;color:#94a3b8;font-weight:500;flex-shrink:0}.db-profile-value{font-size:.85rem;color:#1e293b;font-weight:500}.db-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.db-action-card{background:#f8faff;border:1.5px solid #e8ecf5;border-radius:14px;padding:1.5rem;text-align:center;transition:all .3s ease}.db-action-card:hover{transform:translateY(-3px) scale(1.02);border-color:#c7d2fe;box-shadow:0 8px 24px #3b82f614;background:#f0f4ff}.db-action-icon{color:#3b82f6;margin-bottom:.85rem}.db-action-card h3{font-size:.95rem;color:#0f172a;margin:0 0 .4rem;font-weight:700}.db-action-card p{font-size:.8rem;color:#94a3b8;line-height:1.5;margin:0 0 1.25rem}.db-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1.1rem;border-radius:8px;font-weight:600;font-size:.8rem;border:none;cursor:pointer;transition:all .3s ease}.db-btn-disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.db-fade-in{opacity:0;transform:translateY(14px);animation:db-fadeUp .5s ease-out forwards}.db-delay-1{animation-delay:.08s}.db-delay-2{animation-delay:.16s}.db-delay-3{animation-delay:.24s}@keyframes db-fadeUp{to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.db-status-grid,.db-actions-grid{grid-template-columns:1fr}.db-profile-row{flex-direction:column;gap:.2rem;align-items:flex-start}.db-profile-label{width:auto}}@media(max-width:600px){.db-content{padding:1.5rem 1rem}.db-card{padding:1.25rem}.db-page-title h1{font-size:1.4rem}}.login-container{min-height:85vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f4f6fb,#e8ecf4);padding:2rem}.login-card{background:#fff;padding:2.75rem 2.5rem;border-radius:20px;box-shadow:0 4px 6px #00000008,0 12px 30px #0000000f;width:100%;max-width:440px;border:1px solid #edf0f7;transition:box-shadow .3s ease}.login-card:hover{box-shadow:0 4px 6px #00000008,0 16px 40px #00000014}.login-header{text-align:center;margin-bottom:2.25rem}.login-header .logo-icon{width:52px;height:52px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:800;font-size:1.4rem;display:flex;align-items:center;justify-content:center;border-radius:14px;margin:0 auto 1.25rem;box-shadow:0 4px 12px #3b82f640}.login-header h2{color:#0f172a;margin-bottom:.4rem;font-size:1.65rem;font-weight:800;font-family:Outfit,sans-serif}.login-header p{color:#64748b;font-size:.9rem}.login-card .form-group{margin-bottom:1.35rem}.login-card .form-group label{display:block;margin-bottom:.45rem;color:#334155;font-weight:600;font-size:.85rem}.login-card .form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;font-family:inherit;transition:all .3s ease;background:#fafbfc}.login-card .form-group input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f614;background:#fff}.login-card .form-group input:disabled{opacity:.6;cursor:not-allowed}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.85rem}.checkbox-container{display:flex;align-items:center;gap:.4rem;color:#64748b;font-weight:500;cursor:pointer}.forgot-password{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.forgot-password:hover{color:#2563eb}.login-card .btn-block{width:100%;padding:.8rem;font-size:.95rem;font-weight:700;border-radius:10px;border:none;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f640;transition:all .3s ease}.login-card .btn-block:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #3b82f659}.login-card .btn-block:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f1f5f9;color:#64748b;font-size:.9rem}.login-footer a{color:#3b82f6;font-weight:700;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#2563eb}.login-card.animate-fade-in{animation:loginFadeIn .5s ease-out}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem;border-radius:16px}.login-header h2{font-size:1.4rem}}