.main-header{position:absolute;top:0;left:0;width:100%;z-index:50}.main-nav{max-width:90rem;margin-left:auto;margin-right:auto;padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.logo a{color:#fff;font-size:2rem;font-weight:700;text-decoration:none}.nav-links{display:none}@media (min-width: 768px){.nav-links{display:flex;align-items:center;gap:2rem}.nav-links a{color:#fff;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:#8c9097}}.nav-cta{display:none}@media (min-width: 768px){.nav-cta{display:block}.nav-cta a{background-color:#46484c;color:#fff;font-weight:700;padding:.5rem 1rem;border-radius:9999px;text-decoration:none;margin:10px;transition:background-color .3s ease}.nav-cta a:hover{background-color:#717272}}.main-footer{background-color:#000;color:#fff}.footer-cta{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 1.5rem;background-color:#161619}.footer-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.footer-cta-button{background-color:transparent;border:2px solid white;color:#fff;padding:.75rem 2rem;border-radius:9999px;font-weight:700;text-decoration:none;transition:all .3s ease}.footer-cta-button:hover{background-color:#fff;color:#000}.footer-main-content{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;padding:4rem 1.5rem;max-width:90rem;margin-left:auto;margin-right:auto}@media (min-width: 768px){.footer-main-content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.footer-main-content{grid-template-columns:repeat(4,1fr)}}.footer-column h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.footer-column p,.footer-column a{color:#a0a0a0;font-size:.95rem;line-height:1.6;text-decoration:none}.footer-column a:hover{color:#46484c}.social-icons a{display:inline-block;margin-right:.75rem;font-size:1.25rem;color:#a0a0a0;transition:color .3s ease}.social-icons a:hover{color:#fff}.footer-bottom-bar{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;border-top:1px solid #1c1c1d;background-color:#0a0a0a}.footer-bottom-bar .logo{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.footer-bottom-bar p{color:#a0a0a0;font-size:.875rem}@media (min-width: 768px){.footer-bottom-bar{flex-direction:row;justify-content:space-between;padding-left:1.5rem;padding-right:1.5rem}}.hero-section{flex-grow:1;position:relative;display:flex;align-items:center;justify-content:flex-start;background-size:cover;background-position:center;color:#fff}.hero-overlay{position:absolute;inset:0;background-color:#0009}.hero-content{position:relative;z-index:10;max-width:56rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.hero-title-1{font-size:4.5rem;font-weight:300;text-transform:uppercase;letter-spacing:.05em;color:#d1d5db}.hero-title-2{font-size:4.5rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-top:.25rem}.hero-subtitle{margin-top:1.5rem;font-size:1.125rem;color:#e5e7eb;max-width:32rem}.button-container{margin-top:2rem;display:flex;gap:1rem}.btn{font-weight:700;padding:.75rem 2rem;border-radius:9999px;text-decoration:none;transition:all .3s ease;text-align:center}.btn-primary{background-color:#46484c;color:#fff;border:2px solid #373a3e}.btn-primary:hover{background-color:#383a3f;border-color:#6b7280}.btn-secondary{border:2px solid white;color:#fff}.btn-secondary:hover{background-color:#fff;color:#000}.features-section{background-color:#000;color:#fff;padding:6rem 1.5rem}.features-content{max-width:90rem;margin-left:auto;margin-right:auto}.features-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.title-underline{width:60px;height:4px;background-color:#6b7280;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:3rem}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-item h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-item p{color:#a0a0a0;line-height:1.6}.process-section{background-color:#000;color:#fff;padding:6rem 1.5rem;padding-left:0;padding-right:0;margin-left:0;margin-right:0}.one,.two{display:flex;padding:0;margin:0;background-color:#000}.process-card{position:relative;overflow:hidden;height:340px}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-content-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;color:#fff;padding:1.5rem;box-sizing:border-box;transform:translate(-100%);transition:transform .4s ease-in-out;display:flex;flex-direction:column;justify-content:flex-end}.process-card:hover .card-content-overlay{transform:translate(0)}.box-1,.box-2,.box-6,.box-5{width:25%}.box-3,.box-4{width:50%}@media (max-width: 767px){.one,.two{flex-direction:column}.process-card{width:100%;margin-bottom:1rem}.box-1,.box-2,.box-3,.box-4,.box-5,.box-6{width:100%}}.dark-theme{background-color:#000;color:#fff;padding:6rem 1.5rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:#e5e7eb;line-height:1.6;max-width:48rem}.text-center{text-align:center}.margin-auto{margin-left:auto;margin-right:auto}.about-section{padding:8rem 1.5rem}.about-content{max-width:90rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center}@media (min-width: 1024px){.about-content{flex-direction:row;justify-content:space-between}.about-text{flex:1;padding-right:2rem}.about-image-container{flex:1;display:flex;justify-content:flex-end}}.about-list{list-style:none;padding:0;margin-top:2rem;margin-bottom:2rem}.about-list li{position:relative;padding-left:1.75rem;margin-bottom:.75rem;color:#a0a0a0}.about-list li:before{content:"✔";position:absolute;left:0;color:#fff;font-weight:700}.about-image-container{max-width:100%}.about-image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.work-section{padding:8rem 1.5rem}.work-content{max-width:90rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center}@media (min-width: 1024px){.work-content{flex-direction:row;justify-content:space-between}.work-image-container{flex:1;padding-right:2rem;display:flex;justify-content:flex-start}.work-text{flex:1}}.work-image-container{max-width:100%}.work-image{width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.our-process-section{padding:8rem 1.5rem}.process-container{max-width:90rem;margin:0 auto;text-align:center}.process-steps-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-top:4rem}@media (min-width: 768px){.process-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.process-steps-grid{grid-template-columns:repeat(4,1fr)}}.process-step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;border-radius:.5rem;background-color:transparent;border:1px solid #2d2e32}.icon-circle{width:80px;height:80px;border-radius:50%;background-color:#41414125;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.icon-circle i{font-size:2.5rem;color:#fff}.process-step-item h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:#fff}.process-step-item p{font-size:.95rem;color:#a0a0a0;line-height:1.5}.faq-section{padding:8rem 1.5rem}.faq-container{max-width:90rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem;align-items:center}@media (min-width: 1024px){.faq-container{flex-direction:row;justify-content:space-between}.faq-illustration-container{flex:1;padding-right:2rem;display:flex;justify-content:flex-start}.faq-accordion-wrapper{flex:1;padding-left:2rem}}.faq-illustration-container{max-width:100%}.faq-illustration{width:100%;height:auto;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.faq-accordion-wrapper .section-title{margin-bottom:2rem;text-align:left}.accordion-item{background-color:#1a1a1a;border:1px solid #2d2e32;border-radius:.5rem;margin-bottom:1rem;overflow:hidden}.accordion-header{background-color:#1a1a1a;color:#fff;padding:1.5rem;font-size:1.125rem;font-weight:600;width:100%;text-align:left;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.accordion-header:hover{background-color:#2d2e32}.accordion-icon{font-size:1.5rem;transition:transform .3s ease}.accordion-item.active .accordion-icon{transform:rotate(45deg)}.accordion-content{background-color:#1a1a1a;padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out}.accordion-item.active .accordion-content{max-height:150px;padding:1rem 1.5rem 1.5rem}.accordion-content p{color:#a0a0a0;line-height:1.6}.process-container{max-width:90rem;margin:0 auto;text-align:center;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;padding:4rem 1.5rem;border-radius:.5rem}.process-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1;border-radius:.5rem}.process-container h2,.process-container .title-underline,.process-steps-grid{position:relative;z-index:2}.process-step-item{background-color:#1a1a1ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.signup-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:2rem 1.5rem}.signup-form-wrapper{background-color:#0c0d0e;padding:2.5rem;border-radius:.5rem;width:100%;max-width:450px;box-shadow:0 4px 15px #00000080}.signup-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}.form-input{width:100%;padding:.75rem;border:1px solid #0c0d0e;background-color:#1b1b1b;color:#fff;border-radius:.25rem;font-size:1rem}.signup-button{width:100%;padding:1rem;background-color:#434445;color:#fff;border:none;border-radius:.25rem;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.signup-button:hover{background-color:#8f8f8f}.login-prompt{text-align:center;margin-top:1.5rem;color:#616161}.login-prompt a{color:#46484c;text-decoration:none;transition:color .3s ease}.login-prompt a:hover{color:#46484c}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:2rem 1.5rem}.login-form-wrapper{background-color:#0c0d0e;padding:2.5rem;border-radius:.5rem;width:100%;max-width:450px;box-shadow:0 4px 15px #00000080}.login-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem}.form-input{width:100%;padding:.75rem;border:1px solid #0c0d0e;background-color:#1b1b1b;color:#fff;border-radius:.25rem;font-size:1rem;padding-right:0}.login-button{width:100%;padding:1rem;background-color:#46484c;color:#fff;border:none;border-radius:.25rem;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.login-button:hover{background-color:#7e7e7e}.signup-prompt{text-align:center;margin-top:1.5rem;color:#616161}.signup-prompt a{color:#46484c;text-decoration:none;transition:color .3s ease}.signup-prompt a:hover{color:#db2777}.browse-section{padding:6rem 1.5rem;background-color:#000;min-height:100vh}.browse-container{max-width:90rem;margin-left:auto;margin-right:auto}.browse-title{font-size:1.5rem;font-weight:700;color:#fff;text-align:center;margin-bottom:3rem}.freelancer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;grid-auto-rows:minmax(min-content,max-content)}.freelancer-card{background-color:#1e1f22;position:relative;overflow:hidden;transition:transform .3s ease;cursor:pointer;padding:0;display:flex;flex-direction:column}.freelancer-card:hover{transform:translateY(-5px)}.card-image-container{width:100%;height:auto;border-radius:0;overflow:hidden;flex-grow:1}.card-image{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .5s ease-in-out}.freelancer-card:hover .card-image{filter:grayscale(0%);transition:filter .5s ease-in-out}.freelancer-card:hover .card-content-overlay{transform:translateY(0);opacity:1}.card-content{position:absolute;bottom:0;left:0;width:100%;background-color:#000000b3;color:#fff;padding:10px}.card-name{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.card-specialty{color:#a0a0a0;font-size:.875rem}.card-small{grid-row-end:span 14}.card-medium{grid-row-end:span 16}.card-large{grid-row-end:span 19}.card-tall{grid-row-end:span 21}.card-short{grid-row-end:span 14}.filter-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.filter-container{flex-direction:row;justify-content:center}}.search-input,.specialty-select{padding:.75rem 1rem;border-radius:9999px;border:1px solid #4B5563;background-color:#1a1a1a;color:#fff;font-size:1rem}.search-input::placeholder,.specialty-select option{color:#a0a0a0}.search-input:focus,.specialty-select:focus{outline:none;border-color:#515151}.no-results{grid-column:1 / -1;text-align:center;color:#a0a0a0;font-size:1.25rem;margin-top:2rem}.blog-hero-section{position:relative;background-size:100%;background-repeat:no-repeat;background-position:right center;height:60vh;display:flex;align-items:center;justify-content:flex-start;background-color:#fff;color:#fff}.blog-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent}.blog-hero-content{position:relative;z-index:10;max-width:90rem;margin:0 auto;padding:0 1.5rem}.blog-hero-title{font-size:3rem;font-weight:700;margin-bottom:.5rem}.blog-hero-subtitle{font-size:1.25rem;color:#d1d5db}.blog-grid-section{background-color:#000;padding:6rem 1.5rem;min-height:40vh}.blog-container{max-width:90rem;margin:0 auto}.blog-post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;grid-auto-rows:20px}.blog-post-card{position:relative;overflow:hidden;border-radius:.5rem;transition:transform .3s ease;cursor:pointer;background-color:#110d0f}.blog-post-card:hover{transform:translateY(-5px)}.blog-post-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}.blog-post-card:hover .blog-post-image{filter:grayscale(0%);transform:scale(1.05)}.blog-card-content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004c;opacity:1;padding:1rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;transition:background-color .3s ease-out}.blog-post-card:hover .blog-card-content{filter:grayscale(0)}.post-category{font-size:.875rem;font-weight:700;color:#000;text-transform:uppercase}.post-title{font-size:1.25rem;font-weight:600;margin-top:.25rem;line-height:1.3;color:#fff}.blog-card-short{grid-row-end:span 8}.blog-card-medium{grid-row-end:span 10}.blog-card-large,.blog-card-tall{grid-row-end:span 18}.dashboard-wrapper{display:flex;min-height:100vh;background-color:#0d0d0e;color:#fff}.sidebar{width:200px;background-color:#0d0e10;padding:0;display:flex;margin-left:15px;flex-direction:column;box-shadow:4px 0 10px #0000004d}.logo-dashboard{font-size:1.5rem;font-weight:700;color:#b6b6b6;margin-bottom:3rem;margin-top:6.5rem;text-transform:uppercase;margin-left:1.5rem;text-decoration:underline}.sidebar-nav{display:flex;flex-direction:column;gap:1.5rem;margin-left:1.5rem}.sidebar-nav a{color:#a0a0a0;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.sidebar-nav a:hover{color:#46484c}.main-content-area{flex-grow:1;display:flex;flex-direction:column}.dashboard-main{padding:2rem;flex-grow:1}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;transition:left .3s ease;z-index:100}}.dashboard-loading-screen,.dashboard-error-screen{min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;font-size:1.5rem}.dashboard-page-container{padding:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.welcome-back-title{font-size:2.5rem;font-weight:700}.user-info{font-size:1.125rem;color:#a0a0a0}.metric-card{background-color:#141414;padding:2rem;border-radius:.5rem;box-shadow:0 4px 8px #0000004d}.metric-card p.metric-value{font-size:2.5rem;font-weight:700;color:#46484c}.dashboard-quick-actions h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.quick-action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.quick-action-btn{background-color:#1a1a1a;color:#fff;border:none;padding:1rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.quick-action-btn:hover{background-color:#2d2e32}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background-color:#1a1a1a;padding:2rem;border-radius:.5rem;box-shadow:0 4px 8px #0000004d}.metric-card h3{font-size:1rem;color:#a0a0a0;margin-bottom:.5rem}.metric-card p.metric-value{font-size:2.5rem;font-weight:700;color:#6a6a6a}.dashboard-charts-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width: 1024px){.dashboard-charts-grid{grid-template-columns:repeat(2,1fr)}}.chart-card{background-color:#1a1a1a;padding:1.5rem;border-radius:.5rem;box-shadow:0 4px 8px #0000004d;position:relative;height:550px}.chart-wrapper{position:relative;height:calc(100% - 2.5rem);width:100%}.chart-card h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.clients-page-container{padding:2rem}.clients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.clients-header h2{font-size:2rem;font-weight:700}.new-client-btn{background-color:#46484c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.new-client-btn:hover{background-color:#636162}.clients-table-container{overflow-x:auto}.clients-table-container table{width:100%;border-collapse:collapse}.clients-table-container th,.clients-table-container td{text-align:left;padding:1rem;border-bottom:1px solid #2d2e32}.clients-table-container th{font-size:.875rem;color:#a0a0a0;text-transform:uppercase}.clients-table-container td{font-size:1rem}.clients-table-container tbody tr:hover{background-color:#1a1a1a}.portfolio-hero-section{background-color:#131417;min-height:40vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:2rem}.portfolio-hero-title{font-size:3rem;font-weight:700;margin-bottom:.5rem}.portfolio-hero-subtitle{font-size:1.25rem;color:#a0a0a0}.portfolio-grid-section{padding:2rem;background-color:#000}.masonry-grid-container{columns:20rem 3;column-gap:1.5rem;max-width:120rem;margin:0 auto}.masonry-item{position:relative;overflow:hidden;break-inside:avoid;margin-bottom:1.5rem;border-radius:.5rem;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:transform .3s ease}.masonry-item:hover{transform:translateY(-5px)}.masonry-image{width:100%;height:auto;display:block}.masonry-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;opacity:0;transition:opacity .3s ease}.masonry-item:hover .masonry-overlay{opacity:1}.masonry-category{font-size:.875rem;color:#46484c;text-transform:uppercase;margin-bottom:.5rem}.invoices-page-container{padding:2rem}.invoices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.invoices-header h2{font-size:2rem;font-weight:700}.new-invoice-btn{background-color:#46484c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:9999px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.new-invoice-btn:hover{background-color:#555454}.invoices-table-container{overflow-x:auto;background-color:#1a1a1a;padding:1rem;border-radius:.5rem}.invoices-table-container table{width:100%;border-collapse:collapse}.invoices-table-container th,.invoices-table-container td{text-align:left;padding:1rem;border-bottom:1px solid #2d2e32}.invoices-table-container th{font-size:.875rem;color:#a0a0a0;text-transform:uppercase}.invoices-table-container td{font-size:1rem}.invoices-table-container tbody tr:hover{background-color:#2d2e32}.settings-page-container{padding:2rem}.settings-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.settings-description{color:#a0a0a0;margin-bottom:2rem}.settings-sections{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.settings-sections{grid-template-columns:repeat(2,1fr)}}.settings-section{background-color:#1a1a1a;padding:2rem;border-radius:.5rem}.settings-section h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;color:#a0a0a0;margin-bottom:.5rem}.form-input{width:100%;padding:.75rem;border:1px solid #4B5563;background-color:#000;color:#fff;border-radius:.25rem;font-size:1rem}.form-input:focus{outline:none;border-color:#46484c}.signup-button{width:100%;padding:1rem;background-color:#46484c;color:#fff;border:none;border-radius:.25rem;font-weight:700;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.signup-button:hover{background-color:#454545}.support-page-container{padding:2rem}.support-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.support-description{color:#a0a0a0;margin-bottom:2rem}.support-contact-form{background-color:#1a1a1a;padding:2rem;border-radius:.5rem}.placeholder-form{background-color:#2d2e32;height:300px;border-radius:.5rem;display:flex;justify-content:center;align-items:center;color:#a0a0a0}.portfolio-hero-section{background-color:#000;min-height:50vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;padding:4rem 2rem;background-image:url(/assets/hero-background-74fE9xz5.jpg);background-size:cover;background-position:center}.portfolio-hero-title{font-size:4rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;max-width:60rem;line-height:1.2;text-shadow:2px 2px 5px rgba(0,0,0,.5)}.portfolio-page-wrapper{background-color:#000;color:#fff}.individual-portfolio-header{background-color:#131417;padding:4rem 2rem;display:flex;justify-content:center;align-items:center}.header-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:60rem;width:100%}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;border:3px solid #46484c}.freelancer-name{font-size:2.5rem;font-weight:700}.freelancer-specialty{font-size:1.25rem;color:#a0a0a0;margin-bottom:1.5rem}.hire-btn{background-color:#46484c;color:#fff;border:none;padding:.75rem 2rem;border-radius:9999px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.hire-btn:hover{background-color:#db2777}.profile-details-section{padding:4rem 2rem}.details-container{max-width:60rem;margin:0 auto;display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.details-container{flex-direction:row}}.about-me-section,.skills-section{flex:1}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.section-text{font-size:1rem;line-height:1.6;color:#a0a0a0}.skills-grid{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background-color:#1a1a1a;color:#46484c;padding:.5rem 1rem;border-radius:9999px;font-size:.875rem;font-weight:700}.portfolio-grid-section{padding:0;background-color:#000}.portfolio-grid-title{max-width:60rem;margin:0 auto 2rem;font-size:2rem;font-weight:700;padding:0 2rem}.masonry-grid-container{columns:3;column-gap:0}@media (max-width: 1024px){.masonry-grid-container{columns:2}}@media (max-width: 768px){.masonry-grid-container{columns:1;padding:0 1rem}}.masonry-item{position:relative;overflow:hidden;break-inside:avoid;margin:0;cursor:pointer}.masonry-item:hover .masonry-image{filter:grayscale(0%);transform:scale(1.05)}.masonry-image{width:100%;height:auto;display:block;background-size:cover;background-position:center;filter:grayscale(100%);transition:filter .5s ease-in-out,transform .3s ease;height:100%}.masonry-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;opacity:0;transition:opacity .3s ease,background-color .3s ease}.masonry-item:hover .masonry-overlay{opacity:1;background-color:#0000004d}.masonry-category{font-size:.875rem;color:#46484c;text-transform:uppercase;margin-bottom:.5rem;font-weight:700}.masonry-title{font-size:1.5rem;font-weight:700}.no-portfolio-items{margin-left:17.5rem;margin-top:-2rem;color:#767676}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}