@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box}body{background-color:#fff;color:#111827;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}code{font-family:JetBrains Mono,Fira Code,Consolas,monospace}:root{--color-brand:#6366f1;--color-brand-hover:#4f46e5;--color-brand-light:#a5b4fc;--color-brand-dark:#312e81;--color-white:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--space-40:10rem;--space-48:12rem;--space-56:14rem;--space-64:16rem;--radius-sm:0.125rem;--radius-default:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-default:0 1px 3px #0000001a;--shadow-md:0 4px 6px #00000012;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #00000040;--transition-fast:150ms;--transition-normal:200ms;--transition-slow:300ms;--transition-ease:cubic-bezier(0.4,0,0.2,1)}.text-brand{color:var(--color-brand)}.text-brand-hover{color:#4f46e5;color:var(--color-brand-hover)}.text-gray-50{color:#f9fafb;color:var(--color-gray-50)}.text-gray-100{color:#f3f4f6;color:var(--color-gray-100)}.text-gray-200{color:#e5e7eb;color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.text-black{color:var(--color-black)}.bg-brand{background-color:var(--color-brand)}.bg-brand-hover{background-color:#4f46e5;background-color:var(--color-brand-hover)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:#9ca3af;background-color:var(--color-gray-400)}.bg-gray-500{background-color:#6b7280;background-color:var(--color-gray-500)}.bg-gray-600{background-color:#4b5563;background-color:var(--color-gray-600)}.bg-gray-700{background-color:#374151;background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-white{background-color:var(--color-white)}.bg-black{background-color:var(--color-black)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-brand{border-color:#6366f1;border-color:var(--color-brand)}.shadow-sm{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.shadow-default{box-shadow:var(--shadow-default)}.shadow-md{box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px #0000001a;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px #00000040;box-shadow:var(--shadow-2xl)}.rounded-sm{border-radius:.125rem;border-radius:var(--radius-sm)}.rounded{border-radius:.25rem;border-radius:var(--radius-default)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.text-clerk-gray{color:#6b7280;color:var(--color-gray-500)}.text-clerk-dark{color:#1f2937;color:var(--color-gray-800)}.bg-clerk-purple{background-color:#6366f1;background-color:var(--color-brand)}.bg-clerk-purple:hover{background-color:#4f46e5;background-color:var(--color-brand-hover)}.border-clerk-gray{border-color:#e5e7eb;border-color:var(--color-gray-200)}.shadow-clerk{box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-default)}.shadow-clerk-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--total-scale-factor));min-width:calc(180px*var(--total-scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--total-scale-factor));box-shadow:0 calc(2px*var(--total-scale-factor)) calc(5px*var(--total-scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--total-scale-factor));max-width:calc(180px*var(--total-scale-factor));padding:calc(6px*var(--total-scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--total-scale-factor));padding-top:calc(2px*var(--total-scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--total-scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{display:none;height:0;left:0;position:absolute;top:0;width:0}.header{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-bottom:1px solid #e5e7eb;height:4rem;position:fixed;top:0;width:100%;z-index:50}.header-nav{height:100%;margin:0 auto;max-width:80rem;padding:0 1.5rem}.header-content{height:100%;justify-content:space-between}.header-content,.header-logo{align-items:center;display:flex}.header-logo{border-radius:.375rem;padding:.25rem}.header-logo svg{color:#111827}.header-nav-desktop{align-items:center;display:none;gap:2rem}.header-nav-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s ease}.header-nav-link:hover{color:#111827}.header-cta-section{align-items:center;display:flex;gap:1rem}.header-cta-desktop{align-items:center;display:none;gap:1rem}.header-cta-btn{background:#000;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.header-cta-btn:hover{background:#1f2937}.mobile-menu-btn{background:none;border:none;border-radius:.375rem;cursor:pointer;display:block;padding:.5rem;transition:background-color .2s ease}.mobile-menu-btn:hover{background:#f3f4f6}.mobile-menu-icon{align-items:center;display:flex;flex-direction:column;gap:.25rem;height:1.25rem;justify-content:center;width:1.25rem}.mobile-menu-line{background:#4b5563;height:2px;transition:all .2s ease;width:1rem}.mobile-menu-line.open-1{transform:rotate(45deg) translateY(6px)}.mobile-menu-line.open-2{opacity:0}.mobile-menu-line.open-3{transform:rotate(-45deg) translateY(-6px)}.mobile-menu{border-top:1px solid #e5e7eb;display:block;margin-top:1rem;padding-bottom:1rem}.mobile-menu.hidden{display:none}.mobile-menu-content{display:flex;flex-direction:column;gap:.75rem;padding-top:1rem}.mobile-menu-link{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 0;text-align:left;transition:color .2s ease}.mobile-menu-link:hover{color:#111827}.mobile-menu-cta{background:#000;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:background-color .2s ease;width:100%}.mobile-menu-cta:hover{background:#1f2937}@media (min-width:1024px){.header-cta-desktop,.header-nav-desktop{display:flex}.mobile-menu-btn{display:none}}.about-section{background-color:#fff;padding:8rem 0}.about-container{margin:0 auto;max-width:72rem;padding:0 1.5rem}.about-header{margin-bottom:5rem;text-align:center}.about-eyebrow{color:#6366f1;font-size:.875rem;font-weight:500;margin-bottom:1rem}.about-title{color:#111827;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.about-description{color:#4b5563;font-size:1.125rem;line-height:1.75;margin:0 auto;max-width:42rem}.about-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.about-feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:2rem;transform:translateY(0);transition:all .3s ease-in-out}.about-feature-card:hover{box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-4px)}.about-feature-icon{font-size:2.25rem;margin-bottom:1rem}.about-feature-title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.5;margin-bottom:.75rem}.about-feature-text{color:#4b5563;line-height:1.75}.about-cta-section{margin-top:5rem;text-align:center}.about-cta-btn{background:#000;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.about-cta-btn:hover{background:#1f2937}@media (min-width:640px){.about-features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.about-features-grid{grid-template-columns:repeat(3,1fr)}.about-title{font-size:3rem}}.projects-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:8rem 0}.projects-container{margin:0 auto;max-width:80rem;padding:0 1.5rem}.projects-header{margin-bottom:5rem;text-align:center}.projects-eyebrow{color:#6366f1;font-size:.875rem;font-weight:500;margin-bottom:1rem}.projects-title{color:#111827;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.projects-description{color:#4b5563;font-size:1.125rem;line-height:1.75;margin:0 auto;max-width:42rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr);margin-bottom:5rem}.project-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.project-card:hover{box-shadow:0 20px 25px -3px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.project-image{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:3rem;height:16rem;width:100%}.project-content{padding:2rem}.project-category{color:#6366f1;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.project-title{color:#111827;font-size:1.25rem;font-weight:600;line-height:1.5;margin-bottom:.75rem}.project-description{color:#4b5563;line-height:1.75;margin-bottom:1.5rem}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-tech-tag{background:#f3f4f6;border-radius:9999px;color:#374151;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-link{background:none;border:none;color:#6366f1;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;-webkit-text-decoration-color:#0000;text-decoration-color:#0000;transition:all .2s ease}.project-link:hover{color:#4f46e5;-webkit-text-decoration-color:currentColor;text-decoration-color:initial}.projects-cta-section{text-align:center}.projects-cta-btn{background:#000;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.projects-cta-btn:hover{background:#1f2937}@media (min-width:768px){.projects-grid{grid-template-columns:repeat(2,1fr)}.projects-title{font-size:3rem}}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.contact-section{background:#fff;padding:8rem 0}.contact-container{margin:0 auto;max-width:80rem;padding:0 1.5rem}.contact-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr}.contact-info{display:flex;flex-direction:column;justify-content:center}.contact-eyebrow{color:#6366f1;font-size:.875rem;font-weight:500;margin-bottom:1rem}.contact-title{color:#111827;font-size:2.25rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.contact-description{color:#4b5563;font-size:1.125rem;line-height:1.75;margin-bottom:2rem}.contact-details-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.contact-detail-item{align-items:center;color:#4b5563;display:flex;gap:.75rem}.contact-detail-icon{color:#6366f1;flex-shrink:0;height:1.25rem;width:1.25rem}.contact-form-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.contact-form{gap:1.5rem}.contact-form,.contact-form-group{display:flex;flex-direction:column}.contact-form-group{gap:.5rem}.contact-form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.contact-form-label{color:#374151;font-size:.875rem;font-weight:500}.contact-form-input{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.contact-form-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.contact-form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;min-height:8rem;padding:.75rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.contact-form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133;outline:none}.contact-form-submit{background:#000;border:none;border-radius:.375rem;box-shadow:0 1px 2px 0 #0000000d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.contact-form-submit:hover{background:#1f2937}.contact-form-submit:disabled{background:#9ca3af;cursor:not-allowed}@media (min-width:640px){.contact-form-row{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr}.contact-title{font-size:3rem}}.hero-section{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding-top:4rem}.hero-container{margin:0 auto;max-width:56rem;padding:0 1.5rem;text-align:center}.hero-trusted-text{color:#6b7280;font-size:.875rem;font-weight:500;margin-bottom:2rem}.hero-title{color:#111827;font-size:3rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.hero-subtitle{color:#6b7280;font-size:1.25rem;line-height:1.625;margin:0 auto 2rem;max-width:42rem}.hero-cta-section{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-bottom:5rem}.hero-primary-btn{background:#000;border:none;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.hero-primary-btn:hover{background:#1f2937}.hero-watch-btn{align-items:center;background:none;border:none;color:#111827;cursor:pointer;display:flex;font-size:1rem;font-weight:500;transition:color .2s ease}.hero-watch-btn:hover{color:#000}.hero-play-icon{align-items:center;background:#f3f4f6;border-radius:50%;display:flex;height:1.5rem;justify-content:center;margin-right:.5rem;width:1.5rem}.hero-watch-duration{color:#6b7280;font-size:.875rem;margin-left:.25rem}.hero-logos-section{margin-top:4rem}.hero-logos-text{color:#6b7280;font-size:.875rem;margin-bottom:2rem}.hero-logos-grid{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;opacity:.6}.hero-logo{color:#6b7280;filter:grayscale(100%);font-size:1.5rem;font-weight:700;transition:all .2s ease}.hero-logo:hover{filter:grayscale(0);opacity:1}@media (min-width:640px){.hero-cta-section{flex-direction:row}}@media (min-width:768px){.hero-title{font-size:3.75rem}.hero-subtitle{font-size:1.25rem}}@media (min-width:1024px){.hero-title{font-size:4.5rem}}.App{position:relative;text-align:left;z-index:1}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}.bg-gradient-to-br{background:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:#eff6ff;--tw-gradient-to:#eff6ff00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-indigo-100{--tw-gradient-to:#e0e7ff}.text-blue-600{color:#2563eb}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.min-h-screen{min-height:100vh}.py-20{padding-bottom:5rem;padding-top:5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.mb-4{margin-bottom:1rem}.mb-16{margin-bottom:4rem}.text-center{text-align:center}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.grid{display:grid}.flex{display:flex}.justify-between{justify-content:space-between}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:flex{display:flex}}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-800{background-color:#1f2937}.gradient-mesh-bg,.grid-bg,.parallax-bg{pointer-events:none}.bg-green-50{background-color:#f0fdf4}.text-green-700{color:#15803d}.border-green-200{border-color:#bbf7d0}.bg-red-50{background-color:#fef2f2}.text-red-700{color:#b91c1c}.border-red-200{border-color:#fecaca}.bg-gray-100{background-color:#f3f4f6}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-gray-400{color:#9ca3af}.text-gray-300{color:#d1d5db}.text-gray-800{color:#1f2937}.text-gray-500{color:#6b7280}.bg-gray-50{background-color:#f9fafb}.bg-gray-900{background-color:#111827}.bg-white{background-color:#fff}.bg-black{background-color:#000}.text-white{color:#fff}.text-black{color:#000}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.text-brand{color:#6366f1}.bg-brand{background-color:#6366f1}.text-brand-light{color:#a5b4fc}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.pt-16{padding-top:4rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-32{padding-bottom:8rem;padding-top:8rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-20{margin-bottom:5rem}.mt-16{margin-top:4rem}.mt-20{margin-top:5rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.space-x-4>*+*{margin-left:1rem}.space-x-8>*+*{margin-left:2rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow-default{box-shadow:0 1px 3px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-800:hover{background-color:#1f2937}.hover\:text-gray-900:hover{color:#111827}.hover\:text-black:hover{color:#000}.hover\:shadow-lg:hover{box-shadow:0 10px 15px #0000001a}.hover\:opacity-100:hover{opacity:1}.hover\:grayscale-0:hover{filter:grayscale(0)}.focus\:ring-2:focus,.focus\:ring-brand:focus{box-shadow:0 0 0 2px #6366f180}.focus\:border-transparent:focus{border-color:#0000}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.opacity-60{opacity:.6}.filter{filter:var(--tw-filter)}.grayscale{--tw-filter:grayscale(100%)}@media (min-width:640px){.sm\:flex-row{flex-direction:row}}@media (min-width:768px){.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}}.w-full{width:100%}.h-full{height:100%}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-12{width:3rem}.h-12{height:3rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.p-2{padding:.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.border-t{border-top-width:1px}.border{border-width:1px}.border-b{border-bottom-width:1px}.absolute{position:absolute}.relative{position:relative}.left-1\/2{left:50%}.transform{transform:var(--tw-transform)}.-translate-x-1\/2{--tw-transform:translateX(-50%)}.hidden{display:none}.block{display:block}.text-left{text-align:left}.cursor-not-allowed{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.border-solid{border-style:solid}.bg-white\/95{background-color:#fffffff2}.z-50{z-index:50}.h-0\.5{height:.125rem}.w-4{width:1rem}.rotate-45{transform:rotate(45deg)}.translate-y-1\.5{transform:translateY(.375rem)}.-rotate-45{transform:rotate(-45deg)}.-translate-y-1\.5{transform:translateY(-.375rem)}.opacity-0{opacity:0}.floating-shapes-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.floating-shape{animation:float 20s linear infinite;background:linear-gradient(135deg,#6366f11a,#6366f10d);border-radius:50%;position:absolute}.floating-shape:first-child{animation-delay:0s;animation-duration:25s;height:80px;left:10%;top:20%;width:80px}.floating-shape:nth-child(2){animation-delay:-5s;animation-duration:30s;height:120px;left:80%;top:60%;width:120px}.floating-shape:nth-child(3){animation-delay:-10s;animation-duration:20s;height:60px;left:20%;top:80%;width:60px}.floating-shape:nth-child(4){animation-delay:-15s;animation-duration:35s;height:100px;left:70%;top:10%;width:100px}.floating-shape:nth-child(5){animation-delay:-20s;animation-duration:15s;height:40px;left:50%;top:40%;width:40px}@keyframes float{0%{opacity:.7;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-20px) rotate(180deg)}to{opacity:.7;transform:translateY(0) rotate(1turn)}}.gradient-mesh-bg{animation:gradientShift 15s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#6366f114 0,#0000 50%),radial-gradient(circle at 40% 40%,#6366f10d 0,#0000 50%);height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}@keyframes gradientShift{0%,to{background:radial-gradient(circle at 20% 80%,#6366f11a 0,#0000 50%),radial-gradient(circle at 80% 20%,#6366f114 0,#0000 50%),radial-gradient(circle at 40% 40%,#6366f10d 0,#0000 50%)}50%{background:radial-gradient(circle at 80% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 20% 80%,#6366f114 0,#0000 50%),radial-gradient(circle at 60% 60%,#6366f10d 0,#0000 50%)}}.particle-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:particleFloat 20s linear infinite;background:#6366f199;border-radius:50%;height:2px;position:absolute;width:2px}.particle:first-child{animation-delay:0s;animation-duration:25s;left:10%}.particle:nth-child(2){animation-delay:-2s;animation-duration:30s;left:20%}.particle:nth-child(3){animation-delay:-4s;animation-duration:20s;left:30%}.particle:nth-child(4){animation-delay:-6s;animation-duration:35s;left:40%}.particle:nth-child(5){animation-delay:-8s;animation-duration:15s;left:50%}.particle:nth-child(6){animation-delay:-10s;animation-duration:28s;left:60%}.particle:nth-child(7){animation-delay:-12s;animation-duration:22s;left:70%}.particle:nth-child(8){animation-delay:-14s;animation-duration:32s;left:80%}.particle:nth-child(9){animation-delay:-16s;animation-duration:18s;left:90%}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.grid-bg{animation:gridMove 20s linear infinite;background-image:linear-gradient(#6366f11a 1px,#0000 0),linear-gradient(90deg,#6366f11a 1px,#0000 0);background-size:50px 50px;height:100%;left:0;position:fixed;top:0;width:100%;z-index:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:50px 50px}}.parallax-bg{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.parallax-layer{height:120%;left:-10%;position:absolute;top:-10%;width:120%}.parallax-layer-1{animation:parallax1 30s linear infinite;background:radial-gradient(circle at 30% 30%,#6366f10d 0,#0000 70%)}.parallax-layer-2{animation:parallax2 40s linear infinite;background:radial-gradient(circle at 70% 70%,#6366f108 0,#0000 70%)}@keyframes parallax1{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-20px) translateY(-20px)}}@keyframes parallax2{0%{transform:translateX(0) translateY(0)}to{transform:translateX(20px) translateY(20px)}}.scroll-reactive-element{animation:scrollReact 8s ease-in-out infinite;background:linear-gradient(135deg,#6366f126,#6366f10d);border-radius:50%;pointer-events:none;position:absolute}.scroll-element-1{animation-delay:0s;animation-duration:12s;height:200px;left:15%;top:10%;width:200px}.scroll-element-2{animation-delay:-3s;animation-duration:10s;height:150px;right:20%;top:60%;width:150px}.scroll-element-3{animation-delay:-6s;animation-duration:14s;height:100px;left:60%;top:80%;width:100px}.scroll-element-4{animation-delay:-9s;animation-duration:11s;height:120px;right:10%;top:30%;width:120px}@keyframes scrollReact{0%,to{opacity:.6;transform:translateY(0) scale(1)}25%{opacity:.8;transform:translateY(-15px) scale(1.1)}50%{opacity:.4;transform:translateY(-30px) scale(.9)}75%{opacity:.7;transform:translateY(-15px) scale(1.05)}}.service-icon{align-items:center;animation:serviceIconFloat 8s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #6366f133;border-radius:16px;display:flex;flex-direction:column;height:80px;justify-content:center;pointer-events:none;position:absolute;transition:all .3s ease;width:80px}.service-icon svg{color:#6366f1cc;height:32px;margin-bottom:4px;width:32px}.icon-label{color:#6366f1e6;font-size:10px;font-weight:500;line-height:1;text-align:center}.service-icon-1{animation-delay:0s;animation-duration:12s;left:10%;top:15%}.service-icon-2{animation-delay:-2s;animation-duration:10s;right:15%;top:25%}.service-icon-3{animation-delay:-4s;animation-duration:14s;left:8%;top:60%}.service-icon-4{animation-delay:-6s;animation-duration:11s;right:12%;top:70%}.service-icon-5{animation-delay:-8s;animation-duration:13s;top:45%}.service-icon-5,.service-icon-6{left:50%;transform:translateX(-50%)}.service-icon-6{animation-delay:-10s;animation-duration:9s;top:5%}@keyframes serviceIconFloat{0%,to{opacity:.7;transform:translateY(0) scale(1)}25%{opacity:.9;transform:translateY(-10px) scale(1.05)}50%{opacity:.6;transform:translateY(-20px) scale(.95)}75%{opacity:.8;transform:translateY(-10px) scale(1.02)}}@media (max-width:768px){.service-icon{height:60px;width:60px}.service-icon svg{height:24px;width:24px}.icon-label{font-size:8px}}.header-gradient-bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6 50%,#6366f114);border-bottom:1px solid #6366f126}.desktop-cta,.desktop-nav{display:flex}.mobile-menu,.mobile-menu-btn{display:none}@media (max-width:768px){.desktop-cta,.desktop-nav{display:none}.mobile-menu-btn{display:block}}.cta-buttons{flex-direction:column!important}@media (min-width:640px){.cta-buttons{flex-direction:row!important}}.features-grid{grid-template-columns:1fr!important}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}.testimonials-grid{grid-template-columns:1fr!important}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)!important}}.contact-grid,.name-website-grid{grid-template-columns:1fr!important}@media (min-width:768px){.name-website-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width:1024px){.contact-grid{grid-template-columns:repeat(2,1fr)!important}}.project-card-link{color:inherit;display:block;text-decoration:none}.project-card-link:hover .project-card{box-shadow:0 20px 25px -3px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.featured-badge{position:absolute;right:1rem;top:1rem;z-index:10}.featured-badge,.featured-badge-detail{background:#6366f1;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.featured-badge-detail{margin-left:1rem}.project-image{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;justify-content:center;max-height:22rem;min-height:18rem;overflow:hidden;position:relative}.project-image-img{display:block;height:auto;max-height:22rem;object-fit:scale-down;width:100%}.project-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:4rem;font-weight:700;height:100%;justify-content:center;width:100%}.project-detail-image-img{border-radius:1rem;display:block;height:auto;max-height:28rem;object-fit:cover;width:100%}.project-image-placeholder-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;display:flex;font-size:6rem;font-weight:700;height:28rem;justify-content:center;width:100%}.project-client{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.project-detail-page{min-height:100vh;padding-top:4rem}.project-detail-not-found{align-items:center;display:flex;justify-content:center;min-height:80vh}.project-detail-hero{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:6rem 0 4rem}.project-detail-category{background:#eff6ff;border-radius:9999px;color:#2563eb;display:inline-block;font-size:.875rem;font-weight:600;padding:.375rem .75rem}.project-detail-title{color:#111827;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2;margin-bottom:1rem;margin-top:1.5rem}.project-detail-client{color:#6b7280;font-size:1.25rem;margin-bottom:.5rem}.project-detail-date{color:#9ca3af;font-size:1rem}.project-detail-image{border-radius:1rem;box-shadow:0 20px 25px -3px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;position:relative}.project-detail-content{background:#fff}.project-detail-section-title{color:#111827;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.project-detail-description{color:#4b5563;font-size:1.125rem;line-height:1.75}.project-detail-tech-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.project-detail-tech-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;text-align:center;transition:all .2s ease}.project-detail-tech-card:hover{background:#f3f4f6;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.project-detail-tech-name{color:#374151;font-size:.875rem;font-weight:600}.project-detail-back-btn{align-items:center;background:#f3f4f6;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.project-detail-back-btn:hover{background:#e5e7eb;transform:translateX(-4px)}.project-detail-cta-btn{background:#000;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:500;padding:.875rem 1.75rem;transition:all .2s ease}.project-detail-cta-btn:hover{background:#1f2937;box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.project-detail-related{background:#f9fafb}.project-detail-image-section{background:linear-gradient(135deg,#667eea15,#764ba215);padding:3rem 0}.masonry-grid{display:flex;margin-left:-1rem;width:auto}.masonry-grid-column{background-clip:padding-box;padding-left:1rem}.masonry-grid-column>div{break-inside:avoid;page-break-inside:avoid}.masonry-item{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:inline-block;margin-bottom:1rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.masonry-item:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.masonry-image{display:block;height:auto;vertical-align:middle;width:100%}.project-image-placeholder-masonry{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:4rem;font-weight:700;justify-content:center;min-height:300px;width:100%}.image-lightbox-overlay{background:#000000f2;bottom:0;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.image-lightbox-content,.image-lightbox-overlay{align-items:center;display:flex;justify-content:center}.image-lightbox-content{max-height:90vh;max-width:90vw;position:relative}.image-lightbox-image{border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.image-lightbox-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2.5rem;justify-content:center;position:absolute;right:0;top:-3rem;transition:all .2s ease;width:2.5rem}.image-lightbox-close:hover{background:#fff3;transform:scale(1.1)}.image-lightbox-nav{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:3rem}.image-lightbox-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.image-lightbox-nav-prev{left:1rem}.image-lightbox-nav-next{right:1rem}.image-lightbox-counter{bottom:-3rem;color:#fff;font-size:.875rem;font-weight:600;left:50%;position:absolute;transform:translateX(-50%)}@media (max-width:1024px){.masonry-grid{margin-left:-.75rem}.masonry-grid-column{padding-left:.75rem}.masonry-item{margin-bottom:.75rem}}@media (max-width:768px){.masonry-grid{margin-left:-.5rem}.masonry-grid-column{padding-left:.5rem}.masonry-item{border-radius:.75rem;margin-bottom:.5rem}.image-lightbox-overlay{padding:1rem}.image-lightbox-close{top:-2.5rem}.image-lightbox-nav{font-size:1.25rem;height:2.5rem;width:2.5rem}}.pdf-viewer-container{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem}.pdf-viewer-wrapper{background:#f9fafb;border-radius:.75rem;min-height:600px;overflow:hidden;position:relative}.pdf-document,.pdf-viewer-wrapper{align-items:center;display:flex;justify-content:center}.pdf-page{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.pdf-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}.pdf-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:3rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pdf-loading-text{color:#6b7280;font-size:.875rem;margin-top:1rem}.pdf-viewer-error{background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin:2rem 0;padding:3rem 2rem;text-align:center}.pdf-error-text{color:#991b1b;font-size:1.125rem;margin-bottom:1rem}.pdf-error-path{background:#fff;border-radius:.375rem;color:#dc2626;display:inline-block;font-family:Monaco,Courier New,monospace;font-size:.875rem;margin:1rem 0;padding:.5rem 1rem}.pdf-error-hint{color:#7f1d1d;font-size:.875rem;margin-top:1rem}.pdf-controls{align-items:center;background:#f9fafb;border-radius:.5rem;display:flex;justify-content:space-between;margin-top:2rem;padding:1rem}.pdf-control-btn{background:#111827;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s ease}.pdf-control-btn:hover:not(:disabled){background:#1f2937;transform:translateY(-1px)}.pdf-control-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.5}.pdf-page-info{align-items:center;display:flex;gap:1rem}.pdf-page-number{color:#374151;font-size:.875rem;font-weight:600}@media (max-width:768px){.pdf-viewer-container{padding:1rem}.pdf-viewer-wrapper{min-height:400px}.pdf-controls{flex-direction:column;gap:1rem}.pdf-control-btn{width:100%}}
/*# sourceMappingURL=main.db3f2a73.css.map*/