@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:#f5f7fa;overflow-x:hidden}.dashboard-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#f0f2f5)}.dashboard-header{background:linear-gradient(135deg,#1f386e,#2a4a8a);padding:20px 0;box-shadow:0 4px 20px rgba(31,56,110,.15);z-index:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dashboard-header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 30px;gap:20px}.dashboard-header-left{display:flex;align-items:center;gap:15px;width:120px}.dashboard-header-left img{width:40px;height:40px;cursor:pointer;transition:transform .3s ease}.dashboard-header-left img:hover{transform:scale(1.1)}.dashboard-header-center{flex:1 1;text-align:center}.dashboard-header-center h1{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0}.dashboard-header-right{width:120px;display:flex;justify-content:flex-end}.dashboard-search-bar{display:flex;align-items:center;gap:8px;padding:8px 15px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;flex:0 0 auto;width:250px}.dashboard-search-bar i{color:hsla(0,0%,100%,.7);font-size:.9rem}.dashboard-search-bar input{border:none;background:none;flex:1 1;font-size:.9rem;color:#fff;outline:none;font-family:Montserrat,sans-serif}.dashboard-search-bar input::placeholder{color:hsla(0,0%,100%,.5)}.settings-btn{background:rgba(255,148,8,.2);border:2px solid rgba(255,148,8,.5);color:#fff;padding:12px 20px;border-radius:50%;cursor:pointer;font-size:1.3rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:50px;height:50px}.settings-btn:hover{background:rgba(255,148,8,.4);border-color:#ff9408;transform:rotate(15deg);box-shadow:0 0 20px rgba(255,148,8,.3)}.dashboard-content{flex:1 1;overflow-y:auto;overflow-x:hidden;padding-bottom:140px;padding-top:20px}.dashboard-inner{max-width:1400px;margin:0 auto;padding:0 30px;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(180deg,hsla(0,0%,78%,.1),hsla(0,0%,75%,.9) 50%,silver);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-top:1px solid hsla(0,0%,63%,.5);padding:15px 0 20px;align-items:flex-end;gap:20px;z-index:800;height:140px}.bottom-nav,.nav-bubble{display:flex;justify-content:center}.nav-bubble{width:80px;height:80px;border-radius:50%;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .3s ease;background:hsla(0,0%,100%,.95);border:2px solid #d0d0d0;box-shadow:0 4px 15px rgba(0,0,0,.12);position:relative}.nav-bubble.inside-btn{width:95px;height:95px;margin-top:-12px;background:linear-gradient(135deg,#ff9408,#ff7c00);border-color:#ff7c00;box-shadow:0 8px 25px rgba(255,148,8,.3)}.nav-bubble i{font-size:1.5rem;color:#1f386e;transition:all .3s ease}.nav-bubble.inside-btn i{font-size:2rem;color:#fff}.nav-bubble span{font-size:.65rem;font-weight:600;color:#1f386e;text-align:center;transition:all .3s ease}.nav-bubble.inside-btn span{color:#fff;font-weight:700;font-size:.7rem}.nav-bubble:hover{transform:translateY(-15px);box-shadow:0 12px 25px rgba(255,148,8,.25)}.nav-bubble.inside-btn:hover{transform:translateY(-18px) scale(1.05);box-shadow:0 15px 35px rgba(255,148,8,.4)}.nav-bubble.active{background:linear-gradient(135deg,#ff7c00,#ff9408);border-color:#ff7c00;color:#fff;box-shadow:0 15px 40px rgba(255,148,8,.4);animation:bubble-pulse .5s ease}.nav-bubble.active i{color:#fff;font-size:1.8rem;animation:icon-bounce .3s ease}.nav-bubble.active span{color:#fff}.nav-bubble:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid #ff9408;opacity:0;animation:ripple 1.2s ease-out}.nav-bubble.active:before{content:"";position:absolute;top:-8px;width:8px;height:8px;background:#ff9408;border-radius:50%;box-shadow:0 0 15px rgba(255,148,8,.6)}.inside-options{position:fixed;bottom:150px;left:50%;transform:translateX(-50%);background:#fff;border-radius:12px;box-shadow:0 8px 25px rgba(0,0,0,.15);padding:8px 0;margin-bottom:15px;opacity:0;visibility:hidden;transition:all .3s ease;z-index:900;min-width:140px}.inside-options.show{opacity:1;visibility:visible}.inside-options button{display:block;width:100%;padding:12px 16px;background:none;cursor:pointer;text-align:left;font-size:.9rem;font-weight:600;color:#1f386e;transition:all .2s ease;border:none;border-bottom:1px solid #f0f0f0}.inside-options button:last-child{border-bottom:none}.inside-options button:hover{background:rgba(255,148,8,.1);color:#ff9408;padding-left:20px}.inside-options button i{margin-right:8px;color:#ff9408}.floating-chat-btn{position:fixed;bottom:210px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#ff9408,#ff7c00);border:none;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 15px rgba(255,148,8,.3);transition:all .3s ease;z-index:850;display:flex;align-items:center;justify-content:center}.floating-chat-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 8px 25px rgba(255,148,8,.5)}.floating-bottom-bar,.search-container{display:none}.profile-bubble{position:fixed;bottom:25px;right:15px;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#1f386e,#2a4a8a);border:3px solid rgba(255,148,8,.5);color:#fff;font-size:1.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:850;box-shadow:0 4px 20px rgba(31,56,110,.3);overflow:hidden}.profile-bubble:hover{border-color:#ff9408;box-shadow:0 8px 30px rgba(255,148,8,.5);transform:scale(1.08)}.profile-bubble img{width:100%;height:100%;object-fit:cover}.profile-section{margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.profile-section h4{color:#1f386e;font-size:16px;margin-bottom:15px;display:flex;align-items:center;gap:10px}.profile-section h4 i{color:#ff9408;font-size:18px}.photo-upload-container{display:flex;flex-direction:column;gap:15px}.photo-preview{width:150px;height:150px;border-radius:12px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;border:2px dashed #d0d0d0;overflow:hidden;margin-bottom:10px}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview-empty{font-size:40px;color:#999}.file-input-wrapper{position:relative;display:inline-block}.file-input-wrapper input[type=file]{position:absolute;opacity:0;width:0;height:0}.btn-upload-photo{padding:10px 20px;background:linear-gradient(135deg,#ff9408,#ff7c00);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-upload-photo:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(255,148,8,.3)}.settings-form{display:flex;flex-direction:column;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.form-row.full{grid-template-columns:1fr}.form-input-group{display:flex;flex-direction:column;gap:5px}.form-input-group label{font-size:13px;font-weight:600;color:#1f386e}.form-input-group input,.form-input-group select{padding:10px 12px;border:1px solid #d0d0d0;border-radius:8px;font-size:13px;transition:all .3s ease}.form-input-group input:focus,.form-input-group select:focus{border-color:#1f386e;box-shadow:0 0 0 3px rgba(31,56,110,.1);outline:none}.btn-save-settings{padding:12px 24px;background:linear-gradient(135deg,#1f386e,#2a4a8a);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;align-self:flex-start}.btn-save-settings:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(31,56,110,.3)}.account-type-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px}.account-type-badge.client{background:linear-gradient(135deg,rgba(31,56,110,.1),rgba(42,74,138,.1));color:#1f386e;border:1px solid rgba(31,56,110,.3)}.account-type-badge.pro{background:linear-gradient(135deg,rgba(255,148,8,.1),rgba(255,124,0,.1));color:#ff9408;border:1px solid rgba(255,148,8,.3)}.account-type-badge i{margin-right:6px}@keyframes bubble-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes icon-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes ripple{0%{width:100%;height:100%;opacity:1}to{width:150%;height:150%;opacity:0}}.dashboard-section{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:2rem;margin-bottom:30px;display:flex;align-items:center;gap:15px}.section-title i{font-size:2.5rem;color:#ff9408}.header{background:linear-gradient(135deg,#1f386e,#2a4a8a);padding:15px 0;box-shadow:0 4px 20px rgba(31,56,110,.15);position:fixed;width:100%;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo{font-weight:700;font-size:2rem;letter-spacing:-.5px;transition:all .3s ease}.logo,.logo:hover{color:#fff;text-decoration:none}.logo:hover{transform:scale(1.05)}.nav-menu{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin-left:35px}.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:8px 16px;border:2px solid transparent;border-radius:8px;background:transparent}.nav-links a:hover{color:#fff;text-decoration:none;transform:translateY(-2px);border-color:hsla(0,0%,100%,.5);box-shadow:0 4px 12px hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1)}.hero{background:linear-gradient(135deg,#1f386e,#2a4a8a 50%,#1f386e);color:#fff;padding:180px 0 120px;text-align:center;margin-top:80px;position:relative;overflow:hidden}.hero:after{background:url(/asset/videoinside.mp4) 50%/cover no-repeat;opacity:.3;z-index:0}.hero:after,.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.hero:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>') 50%/100px 100px;animation:float 20s linear infinite;z-index:1}@keyframes float{0%{transform:translate(0) rotate(0deg)}50%{transform:translate(30px,-30px) rotate(180deg)}to{transform:translate(0) rotate(1turn)}}.hero-content{position:relative;z-index:2}.hero h1{font-size:4rem;font-weight:700;margin-bottom:25px;text-shadow:2px 2px 8px rgba(0,0,0,.3);animation:fadeInUp 1s ease}.hero p{font-size:1.3rem;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;animation:fadeInUp 1s ease .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:linear-gradient(135deg,#fff,#f8f9fa);color:#1f386e;padding:18px 40px;border:none;border-radius:30px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .4s ease;text-decoration:none;display:inline-block;box-shadow:0 8px 25px hsla(0,0%,100%,.2);position:relative;overflow:hidden;animation:fadeInUp 1s ease .4s both}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);transition:left .6s}.btn-primary:hover:before{left:100%}.btn-primary:hover{color:#1f386e;transform:scale(1.05) translateY(-3px);box-shadow:0 12px 35px hsla(0,0%,100%,.3)}.btn-primary:hover,.services{background:linear-gradient(135deg,#f8f9fa,#fff)}.services{padding:100px 0;position:relative}.services:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#1f386e,transparent)}.section-title{text-align:center;color:#1f386e;font-size:3rem;font-weight:700;margin-bottom:60px;position:relative}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#1f386e,#2a4a8a);border-radius:2px}.service-card{background:#fff;border-radius:20px;padding:50px 35px;box-shadow:0 10px 40px rgba(31,56,110,.08);text-align:center;transition:all .4s ease;height:100%;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1f386e,#2a4a8a);transform:scaleX(0);transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 60px rgba(31,56,110,.15)}.service-icon{font-size:3.5rem;color:#1f386e;margin-bottom:25px;transition:all .4s ease}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg);color:#2a4a8a}.service-card h3{color:#1f386e;font-size:1.6rem;margin-bottom:20px;font-weight:600}.auth-section{padding:100px 0;background:linear-gradient(135deg,#fff,#f8f9fa)}.role-selection{display:flex;justify-content:center;gap:40px;margin-bottom:60px}.role-card{background:#fff;border-radius:20px;padding:50px 35px;box-shadow:0 10px 40px rgba(31,56,110,.08);text-align:center;cursor:pointer;transition:all .4s ease;min-width:280px;position:relative;overflow:hidden}.role-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(31,56,110,.05),transparent);transform:rotate(45deg);transition:all .6s ease}.role-card:hover:before{top:-100%;left:-100%}.role-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 20px 60px rgba(31,56,110,.15)}.login-form{max-width:450px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 15px 50px rgba(31,56,110,.1);position:relative;overflow:hidden}.login-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1f386e,#2a4a8a)}.form-group{margin-bottom:25px}.form-control{width:100%;padding:15px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa}.form-control:focus{outline:none;border-color:#1f386e;background:#fff;box-shadow:0 0 0 4px rgba(31,56,110,.1)}.btn-block{width:100%;padding:15px;background:linear-gradient(135deg,#1f386e,#2a4a8a);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-block:hover{background:linear-gradient(135deg,#2a4a8a,#1f386e);transform:translateY(-2px);box-shadow:0 8px 25px rgba(31,56,110,.3)}.hidden{display:none}.footer{background:linear-gradient(135deg,#1f386e,#2a4a8a);color:#fff;padding:50px 0;margin-top:100px;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent)}.error{color:#dc3545;background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:1px solid #f5c6cb;padding:15px;border-radius:10px;margin-bottom:25px;text-align:center;font-weight:500}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.role-selection{flex-direction:column;align-items:center;gap:30px}.section-title{font-size:2.2rem}.role-card,.service-card{padding:35px 25px}}