:root{--primary-color:#00b074;--secondary-color:#2c3e50;--text-color:#333;--light-gray:#f8f9fa;--border-radius:8px;--transition:all 0.3s ease}.container{max-width:1200px;margin:0 auto;padding:0 20px}section{padding:0 0;position:relative}h1,h2,h3{color:var(--secondary-color);margin-bottom:20px}.hero-section{background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);position:relative;padding:20px 0;overflow:hidden}.hero-section::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,rgba(0,176,116,0.1) 0%,rgba(0,176,116,0.05) 100%);clip-path:polygon(10% 0,100% 0%,100% 100%,0% 100%)}.hero-content{display:flex;align-items:center;gap:50px;position:relative;z-index:1}.hero-text{flex:1;padding-right:50px;max-width:600px}.hero-text h1{font-size:54px;line-height:1.2;margin-bottom:24px;color:var(--secondary-color);font-weight:700}.hero-text p{font-size:20px;line-height:1.6;color:#666;margin-bottom:32px}.search-box{display:flex;gap:10px;margin-bottom:32px;box-shadow:0 5px 20px rgba(0,0,0,0.05);border-radius:var(--border-radius);background:white;padding:8px}.search-box input{flex:1;padding:15px 20px;border:1px solid #eee;border-radius:var(--border-radius);font-size:16px;transition:var(--transition)}.search-box input:focus{outline:none;border-color:var(--primary-color)}.search-btn{background-color:var(--primary-color);color:white;border:none;padding:15px 30px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500;font-size:16px}.search-btn:hover{background-color:#009664;transform:translateY(-2px)}.hero-stats{display:flex;gap:32px;margin-top:40px}.stat-item{color:#666;font-size:16px;display:flex;align-items:center;gap:8px}.stat-item::before{content:'';display:inline-block;width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.stat-item:nth-child(1)::before{background-image:url('../images/landing/check.svg')}.stat-item:nth-child(2)::before{background-image:url('../images/landing/shield.svg')}.stat-item:nth-child(3)::before{background-image:url('../images/landing/clock.svg')}.hero-image{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.hero-professional{max-width:100%;height:auto;position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(0,0,0,0.1));transition:transform 0.3s ease}.hero-professional:hover{transform:translateY(-5px)}.hero-shape{position:absolute;right:-10%;bottom:-10%;width:120%;height:120%;background:linear-gradient(135deg,var(--primary-color) 0%,#009664 100%);opacity:0.08;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;animation:morphShape 15s ease-in-out infinite;z-index:1}@keyframes morphShape{0%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70% / 70% 70% 30% 30%}100%{border-radius:30% 70% 70% 30% / 30% 30% 70% 70%}}.browse-categories{background-color:var(--light-gray);position:relative;overflow:hidden}.browse-categories::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../images/landing/grid.svg');opacity:0.05}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.category-card{background:white;padding:30px;border-radius:var(--border-radius);transition:var(--transition);border:1px solid #eee;display:flex;align-items:center;gap:20px}.category-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1);border-color:var(--primary-color)}.category-icon{width:60px;height:60px;background:var(--light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon i{font-size:24px;color:var(--primary-color)}.category-content{flex:1;text-align:left}.category-content h3{margin-bottom:8px;color:var(--secondary-color);font-size:20px}.category-content p{color:#666;margin-bottom:8px;font-size:14px}.service-count{color:var(--primary-color);font-size:14px;font-weight:500}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:40px}.service-item{background:white;border-radius:var(--border-radius);transition:var(--transition);overflow:hidden}.service-link{display:block;padding:20px;text-decoration:none;border:1px solid #eee;border-radius:var(--border-radius);transition:var(--transition)}.service-link:hover{border-color:var(--primary-color);background:var(--light-gray)}.service-name{display:block;color:var(--secondary-color);font-weight:500;margin-bottom:8px;font-size:16px}.price{display:block;color:var(--primary-color);font-size:14px;font-weight:500}.trust-section{background:linear-gradient(to right,var(--light-gray) 0%,white 100%);position:relative;overflow:hidden}.trust-content{display:flex;align-items:center;gap:60px}.trust-text{flex:1;padding-right:40px}.trust-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}.trust-image{flex:1;position:relative}.trust-image img{width:100%;border-radius:var(--border-radius);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.benefit-card{background:white;border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.benefit-image{width:100%;height:200px;overflow:hidden}.benefit-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.benefit-card:hover .benefit-image img{transform:scale(1.1)}.benefit-content{padding:25px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.step-card{background:white;border-radius:var(--border-radius);overflow:hidden;position:relative}.step-image{width:100%;height:200px;overflow:hidden}.step-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.step-content{padding:25px;position:relative}.step-number{position:absolute;top:20px;left:20px;width:40px;height:40px;background:var(--primary-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;z-index:1}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.resource-card{background:white;border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.resource-image{width:100%;height:200px;overflow:hidden}.resource-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.resource-card:hover .resource-image img{transform:scale(1.1)}.resource-content{padding:25px}.learn-more{color:var(--primary-color);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:5px;margin-top:15px}.learn-more:hover{text-decoration:underline}@media (max-width:992px){.hero-content{flex-direction:column}.hero-text{padding-right:0;text-align:center;max-width:100%}.hero-image{min-height:400px}.hero-professional{max-width:70%;margin:0 auto}}@media (max-width:768px){.hero-section{padding:60px 0}.hero-text h1{font-size:36px}.hero-text p{font-size:18px}.hero-image{min-height:400px}.hero-professional{max-width:80%}.categories-grid,.services-grid,.benefits-grid,.steps-grid,.resources-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column}.category-card{flex-direction:column;text-align:center;padding:20px}.category-content{text-align:center}.trust-stats{grid-template-columns:1fr}}@media (max-width:576px){.services-grid{grid-template-columns:1fr}.benefit-image,.step-image,.resource-image{height:180px}.search-box{flex-direction:column}.hero-professional{max-width:90%}.hero-image{min-height:350px}}.profile-wrapper{background-color:#f8f9fa;min-height:100vh;padding:30px 0}.profile-container{max-width:1400px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:25% 50% 25%;gap:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2{margin:0}.edit-btn{background:none;border:none;color:var(--primary-color);padding:5px;cursor:pointer;transition:transform 0.2s ease;opacity:0.7}.edit-btn:hover{transform:scale(1.1);opacity:1}.edit-btn i{font-size:16px}.profile-main-title{font-size:24px;color:var(--secondary-color);margin-bottom:20px;font-weight:600;padding-left:10px}.profile-card{background:white;border-radius:8px;padding:25px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:all 0.3s ease}.profile-card:hover .edit-btn{opacity:1}.user-info-card{text-align:center}.profile-avatar{position:relative;width:120px;height:120px;margin:0 auto 20px}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid white;box-shadow:0 2px 10px rgba(0,0,0,0.1)}.profile-rating{position:absolute;bottom:0;right:0;background:white;padding:4px 8px;border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.stars{display:flex;gap:2px}.stars i{color:#ddd;font-size:12px}.stars i.active{color:#ffd700}.profile-info h1{font-size:24px;margin-bottom:15px;color:var(--secondary-color);font-weight:600}.profile-meta{display:flex;flex-direction:column;gap:10px}.profile-meta span{display:flex;align-items:center;gap:8px;color:#666;font-size:14px;justify-content:center}.profile-meta i{color:var(--primary-color);width:16px}.skills-container{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:var(--light-gray);padding:6px 12px;border-radius:15px;font-size:13px;color:var(--secondary-color);transition:var(--transition)}.skill-tag:hover{background:var(--primary-color);color:white}.linked-accounts{display:flex;flex-direction:column;gap:10px}.social-link{display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:6px;text-decoration:none;color:#666;background:var(--light-gray);transition:var(--transition);font-size:14px}.social-link.active{background:var(--primary-color);color:white}.social-link:hover{transform:translateY(-2px)}.education-list,.certification-list{display:flex;flex-direction:column;gap:15px}.education-item,.certification-item{padding:15px;border:1px solid #eee;border-radius:6px;transition:var(--transition)}.education-item:hover,.certification-item:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.education-item h3,.certification-item h3{font-size:15px;margin-bottom:5px;color:var(--secondary-color);font-weight:600}.education-school,.certification-issuer{color:#666;font-size:13px}.profile-main{background:transparent}.profile-nav{background:white;border-radius:8px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.profile-nav ul{display:flex;list-style:none;padding:0;margin:0}.profile-nav li{flex:1}.profile-nav a{display:block;padding:15px;text-align:center;color:var(--secondary-color);text-decoration:none;font-weight:500;font-size:15px;transition:var(--transition);border-bottom:2px solid transparent}.profile-nav li.active a{color:var(--primary-color);border-bottom-color:var(--primary-color)}.profile-content{background:white;border-radius:8px;padding:25px;box-shadow:0 1px 3px rgba(0,0,0,0.1)}.job-history{display:flex;flex-direction:column;gap:20px}.job-item{padding:20px;border:1px solid #eee;border-radius:6px;transition:var(--transition)}.job-item:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.job-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job-header h3{font-size:16px;margin:0;color:var(--secondary-color);font-weight:600}.job-price{color:var(--primary-color);font-weight:600;font-size:15px}.job-rating{display:flex;align-items:center;gap:10px;margin-bottom:10px}.job-date{color:#666;font-size:13px}.job-review{color:#666;font-size:14px;line-height:1.6}.profile-sidebar-right .profile-card{background:white;border-radius:8px;padding:25px}.profile-summary{color:#666;font-size:14px;line-height:1.6}.contact-details{display:flex;flex-direction:column;gap:15px}.contact-item label{display:block;color:#666;font-size:13px;margin-bottom:5px}.contact-item p{color:var(--secondary-color);font-weight:500;font-size:14px}@media (max-width:1200px){.profile-container{grid-template-columns:30% 70%}.profile-sidebar-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}}@media (max-width:992px){.profile-container{grid-template-columns:1fr}.profile-sidebar-left{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.user-info-card{grid-column:1 / -1}}@media (max-width:768px){.profile-nav ul{flex-direction:column}.profile-nav li{border-bottom:1px solid #eee}.profile-nav li:last-child{border-bottom:none}.profile-sidebar-left,.profile-sidebar-right{display:block}}@media (max-width:576px){.profile-wrapper{padding:15px 0}.profile-container{padding:0 15px}.profile-card{padding:20px}}.loading-spinner{width:40px;height:40px;border:3px solid var(--light-gray);border-radius:50%;border-top-color:var(--primary-color);animation:spin 1s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}.section-title{font-size:20px;color:var(--secondary-color);margin-bottom:25px;font-weight:600}.gigs-list{display:flex;flex-direction:column;gap:20px}.gig-item{background:white;border:1px solid #eee;border-radius:8px;padding:20px;transition:var(--transition)}.gig-item:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.gig-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gig-header h3{font-size:16px;color:var(--secondary-color);font-weight:600;margin:0}.gig-budget{color:var(--primary-color);font-weight:600;font-size:15px}.gig-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.requests-list{display:flex;flex-direction:column;gap:20px}.request-item{background:white;border:1px solid #eee;border-radius:8px;padding:20px;transition:var(--transition)}.request-item:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.request-title-group{display:flex;align-items:center;gap:12px}.request-title-group h3{font-size:16px;color:var(--secondary-color);font-weight:600;margin:0}.request-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.request-status.active{background:rgba(0,176,116,0.1);color:var(--primary-color)}.request-status.completed{background:rgba(52,152,219,0.1);color:#3498db}.request-budget{color:var(--primary-color);font-weight:600;font-size:15px}.request-description{color:#666;font-size:14px;line-height:1.6;margin-bottom:15px}.request-meta{display:flex;justify-content:space-between;align-items:center}.request-date{color:#666;font-size:13px}.technology-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:var(--light-gray);padding:4px 10px;border-radius:12px;font-size:12px;color:var(--secondary-color);transition:var(--transition)}.tech-tag:hover{background:var(--primary-color);color:white}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:white;border:1px solid #eee;border-radius:8px;padding:20px;display:flex;align-items:center;gap:15px;transition:var(--transition)}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.stat-icon{width:50px;height:50px;background:var(--light-gray);border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-icon i{font-size:20px;color:var(--primary-color)}.stat-info{flex:1}.stat-info h3{font-size:14px;color:#666;margin:0 0 5px 0;font-weight:500}.stat-info p{font-size:20px;color:var(--secondary-color);font-weight:600;margin:0}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.request-header{flex-direction:column;gap:10px}.request-meta{flex-direction:column;align-items:flex-start;gap:10px}.technology-tags{width:100%}}@media (max-width:576px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:15px}.stat-icon{width:40px;height:40px}.stat-icon i{font-size:16px}.stat-info p{font-size:18px}}.job-card{background:#fff;border-radius:7px;box-shadow:0 1px 2px rgba(0,0,0,0.05);padding:15px 25px 5px;margin-bottom:15px}.job-card .row{margin:0}.job-card-left{padding:0 24px 0 0}.job-title{margin-bottom:16px}.job-title h2{margin:0 0 4px 0}.job-title a{color:#00b074;font-size:22px;font-weight:500;padding-right:3px}.job-timestamp{color:#6B7280;font-size:11px;font-style:italic}.job-section{margin-bottom:16px;display:flex;align-items:center;gap:12px}.section-header{color:#374151;font-size:14px;font-weight:600;min-width:100px;margin:0}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#F3F4F6;padding:4px 12px;border-radius:16px;color:#4B5563;font-size:13px}.job-footer{display:flex;align-items:center;gap:24px}.proposals-count{font-size:14px}.view-detail{color:#00b074;font-size:14px;font-weight:100;padding:10px 0px 20px}.view-detail:hover{color:#4B5563;text-decoration:underline wavy 1px;text-underline-offset:3px}.job-card-right{padding:10px 0px 0px 25px;border-left:1px solid #E5E7EB}.client-info h4{font-size:16px;color:#00b074;margin:0 0 16px 0;font-weight:600}.client-info table{width:100%;border-spacing:0;border-collapse:separate}.client-info td{padding:4px 0;vertical-align:top;font-size:14px}.client-info td:first-child{color:#6B7280}.client-info td:last-child{text-align:right;color:#6B7280;font-weight:200}@media (max-width:768px){.job-card-left{padding:0 0 24px 0}.job-card-right{padding:24px 0 0 0;border-left:none;border-top:1px solid #E5E7EB}.job-section{flex-direction:column;align-items:flex-start;gap:8px}.section-header{min-width:auto}}.site-header{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);position:fixed;width:100%;top:0;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px}.nav-menu{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-item{position:relative}.nav-link{color:#374151;font-size:15px;font-weight:500;text-decoration:none;padding:8px 0;display:flex;align-items:center;gap:4px}.nav-link i{font-size:12px;transition:transform 0.2s}.nav-link:hover{color:#00b074}.nav-item.active .nav-link{color:#00b074}Mega Dropdown Menu Styles.ace-responsive-menu li.drop_{position:relative}.ace-responsive-menu .mega-dropdown{position:absolute;top:100%;background:#fff;border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,0.1);padding:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s ease;z-index:1000;gap:4px}.ace-responsive-menu li.drop_:hover .mega-dropdown{opacity:1;visibility:visible;transform:translateY(0)}nav.bg-green-600{display:block !important;visibility:visible !important}@media (max-width:768px){.ace-responsive-menu .dropdown-item{padding:10px}.ace-responsive-menu .dropdown-icon{width:32px;height:32px}.ace-responsive-menu .dropdown-icon i{font-size:16px}}.dashboard-welcome{margin-top:1rem}.welcome-banner{background:linear-gradient(135deg,#2db074f5 0%,#2cbb8b 100%);color:white;padding:1rem;border-radius:var(--border-radius);height:100px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(0,176,116,0.1);display:flex;align-items:center}.welcome-banner::before{content:'';position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%;transform:rotate(-15deg)}.welcome-banner::after{content:'';position:absolute;bottom:-30%;right:10%;width:200px;height:200px;background:rgba(255,255,255,0.05);border-radius:50%}.welcome-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:1;padding-top:15px}.welcome-icon{background:rgba(255,255,255,0.2);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.welcome-icon i{font-size:1.5rem;color:white}.welcome-text{flex:1}.welcome-text h2{font-size:1.2rem;font-weight:600;margin-bottom:0.5rem;color:white}.welcome-text p{font-size:14px;color:#fff;opacity:0.9;line-height:1.5;margin:0;max-width:600px}.welcome-decoration{position:absolute;top:0;right:0;width:150px;height:100%;background:url('../images/landing/grid.svg') repeat;opacity:0.1;transform:rotate(15deg)}@media (max-width:768px){.welcome-banner{height:auto;min-height:160px;padding:1.5rem}.welcome-content{flex-direction:column;text-align:center;gap:1rem}.welcome-text h2{font-size:1.5rem}.welcome-text p{font-size:0.9rem}.welcome-icon{width:48px;height:48px}.welcome-icon i{font-size:1.5rem}.navbar-header{background-color:red;display:block}}.sticky{position:sticky;top:1rem;z-index:40}.select2-container{width:100% !important}.select2-container--default .select2-selection--single{@apply bg-gray-50 rounded border-0 py-2 px-4 h-[42px] shadow-sm}.select2-container--default .select2-selection--single .select2-selection__rendered{@apply text-black leading-relaxed text-sm font-medium pl-0}.select2-container--default .select2-selection--single .select2-selection__placeholder{@apply text-gray-600}.select2-container--default .select2-selection--single .select2-selection__arrow{@apply h-full w-8}.select2-dropdown{@apply border border-gray-200 shadow-lg rounded-md overflow-hidden bg-white mt-1}.select2-search--dropdown{@apply p-3 border-b border-gray-100}.select2-search--dropdown .select2-search__field{@apply border border-gray-200 rounded py-2 px-4 text-sm w-full focus:ring-2 focus:ring-green-500 focus:border-green-300 bg-gray-50}.select2-results__option{@apply py-2 px-4 text-sm text-black hover:bg-blue-50 cursor-pointer}.select2-container--default .select2-results__option--highlighted[aria-selected]{@apply bg-blue-50 text-black}.select2-container--default .select2-results__option[aria-selected=true]{@apply bg-blue-100 text-black font-medium}.select2-results__options{@apply py-2}.select2-results__option+.select2-results__option{@apply mt-1}.select2-container--default .select2-selection--single .select2-selection__clear{@apply ml-2 text-gray-400 hover:text-gray-600 cursor-pointer}.select2-container--default.select2-container--focus .select2-selection--single{@apply ring-2 ring-green-500 border-green-300}@media (max-width:699px){.navbar-header{background-color:red}}@media (max-width:767px){.ace-responsive-menu .dropdown-icon{display:none !important}}