.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 4px 20px #0000001a}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#2d3748;font-size:24px;font-weight:700;gap:12px;text-decoration:none;transition:transform .3s ease}.nav-logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px}.nav-menu{align-items:center;gap:32px}.nav-link{color:#4a5568;font-size:16px;font-weight:600;padding:8px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:after{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-link.active,.nav-link:hover{color:#667eea}.nav-link.active:after,.nav-link:hover:after{width:100%}.admin-link{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;color:#fff!important;display:flex;font-weight:700;gap:6px;padding:10px 20px!important;transition:all .3s ease}.admin-link:after{display:none}.admin-link:hover{background:linear-gradient(135deg,#000,#1a1a1a);box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.admin-icon{font-size:18px}.mobile-menu-toggle{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;padding:0;width:40px}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background:#2d3748;height:2px;transition:all .3s ease;width:25px}.hamburger:after,.hamburger:before{content:"";position:absolute}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.hamburger.active{background:#0000}.hamburger.active:before{top:0;transform:rotate(45deg)}.hamburger.active:after{bottom:0;transform:rotate(-45deg)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.nav-menu{align-items:flex-start;background:#fff;box-shadow:-2px 0 10px #0000001a;flex-direction:column;gap:24px;height:calc(100vh - 70px);max-width:300px;padding:40px 30px;position:fixed;right:-100%;top:70px;transition:right .3s ease;width:100%}.nav-menu.active{right:0}.nav-link{font-size:18px;width:100%}.admin-link{justify-content:center;width:100%}}.home-page{min-height:100vh}.hero-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;overflow:hidden;padding:140px 20px 100px;position:relative}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23fff' fill-opacity='.05' d='m0 96 48 16c48 16 144 48 240 48s192-32 288-48 192-16 288 0 192 48 288 53.3c96 5.7 192-16.3 240-26.6l48-10.7v192H0Z'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.hero-content{z-index:1}.hero-title{animation:fadeInUp .8s ease-out;font-size:4rem;line-height:1.2;margin:0 0 24px}.hero-title .highlight{color:#fff;text-shadow:0 0 30px #ffffff4d}.hero-subtitle{animation:fadeInUp .8s ease-out .2s both;font-size:1.5rem;margin:0 0 40px}.hero-buttons{animation:fadeInUp .8s ease-out .4s both;gap:20px}.btn{font-size:1.1rem;gap:10px;padding:16px 40px}.btn-primary:hover{box-shadow:0 10px 30px #ffffff4d;transform:translateY(-3px)}.btn-outline{background:#0000;border-color:#fff;color:#fff}.btn-outline:hover{background:#fff;color:#000;transform:translateY(-3px)}.features-section{background:#f8f9fa;padding:100px 20px}.section-header{margin-bottom:60px}.section-tag{background:#000;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:16px;padding:8px 20px;text-transform:uppercase}.section-title{font-size:3rem;margin:0 0 16px}.section-description{color:#666;font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border:2px solid #0000;box-shadow:0 4px 16px #00000014;padding:40px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#000;box-shadow:0 12px 32px #00000026}.feature-icon{font-size:3.5rem;margin-bottom:24px}.feature-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 16px}.feature-card p{color:#666;line-height:1.8;margin:0 0 24px}.feature-link{gap:8px;transition:gap .3s ease}.feature-link:hover{gap:12px}.stats-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:80px 20px}.stats-grid{grid-gap:40px;gap:40px;margin:0 auto;max-width:1200px}.stat-item{padding:20px}.stat-number{color:#fff;font-size:4rem}.stat-label{font-size:1.1rem;opacity:.9}.tech-section{background:#fff;padding:100px 20px}.tech-grid{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}.tech-item{background:#f8f9fa;border:2px solid #e2e8f0;color:#1a1a1a;font-size:1.1rem;padding:20px 32px;transition:all .3s ease}.tech-item:hover{background:#000;color:#fff}.cta-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:100px 20px;text-align:center}.cta-content{margin:0 auto;max-width:800px}.cta-section h2{font-size:3rem;font-weight:700;margin:0 0 24px}.cta-section p{font-size:1.3rem;margin:0 0 40px;opacity:.95}.cta-section .btn-primary{font-size:1.2rem;padding:18px 50px}[data-aos]{transition:opacity .6s ease-out,transform .6s ease-out}@media (max-width:968px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:3rem}}@media (max-width:640px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn{justify-content:center;width:100%}.features-grid,.stats-grid{grid-template-columns:1fr}.section-title{font-size:1.75rem}.cta-section h2{font-size:2rem}}.about-page{background:#f8f9fa;min-height:100vh}.about-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:100px 20px 80px;text-align:center}.hero-content{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 300px;margin:0 auto;max-width:1200px}.hero-text{text-align:left}.hero-title{margin:0 0 16px}.hero-status{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 20px;opacity:.9}.hero-subtitle{font-size:1.1rem;line-height:1.6}.hero-image{border:6px solid #ffffff4d;border-radius:50%;box-shadow:0 10px 40px #0000004d;height:300px;overflow:hidden;width:300px}.hero-image img{height:100%;object-fit:cover;width:100%}.about-content{padding:80px 20px}.content-wrapper{margin:0 auto;max-width:1200px}.section-title{font-size:2.5rem;margin:60px 0 40px}.section-title:first-child{margin-top:0}.member-card{background:#fff;border-radius:16px;box-shadow:0 4px 16px #00000014;margin-bottom:40px;padding:40px}.owner-card{border:3px solid #1a1a1a;box-shadow:0 8px 24px #00000026}.member-image{border:4px solid #1a1a1a;border-radius:50%;height:150px;margin:0 auto 24px;overflow:hidden;width:150px}.member-image img{height:100%;object-fit:cover;width:100%}.member-info{text-align:center}.member-name{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:2rem;font-weight:700;gap:12px;justify-content:center;margin:0 0 8px}.owner-badge{border-radius:20px;font-size:.875rem;padding:4px 12px}.member-status{color:#666;font-size:1.1rem;font-weight:500;margin:0 0 20px}.member-bio{color:#4a5568;font-size:1.05rem;line-height:1.8;margin:0 0 24px;text-align:left}.current-project{background:#f7f7f7;border-left:4px solid #000;border-radius:12px;margin:24px 0;padding:20px;text-align:left}.current-project h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 8px}.current-project p{color:#4a5568;font-size:1rem;line-height:1.6;margin:0}.member-skills{margin:24px 0;text-align:left}.member-skills h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 16px}.skills-grid{display:flex;flex-wrap:wrap;gap:8px}.skill-tag{background:#000;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:8px 16px}.member-contact{border-bottom:2px solid #e2e8f0;border-top:2px solid #e2e8f0;margin:24px 0;padding:20px 0;text-align:left}.contact-item{align-items:center;color:#4a5568;font-size:1rem;gap:12px;margin:12px 0}.contact-icon{font-size:1.25rem}.contact-item a{color:#000;text-decoration:none;transition:opacity .3s ease}.contact-item a:hover{opacity:.7;text-decoration:underline}.social-links{flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0}.social-link{align-items:center;background:#000;border-radius:8px;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.social-link:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.member-section{margin:24px 0;text-align:left}.member-section h4{color:#1a1a1a;font-size:1.1rem;font-weight:700;margin:0 0 12px}.section-text{color:#4a5568;font-size:1rem;line-height:1.8;margin:0;white-space:pre-wrap}.team-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:968px){.hero-content{grid-template-columns:1fr}.hero-content,.hero-text{text-align:center}.hero-image{margin:0 auto}.hero-title{font-size:2.5rem}.team-grid{grid-template-columns:1fr}}@media (max-width:640px){.member-card{padding:24px}.hero-title,.section-title{font-size:2rem}.hero-image{height:200px;width:200px}.member-image{height:120px;width:120px}.member-name{font-size:1.5rem}}.portfolio-page{background:#f7fafc;min-height:100vh}.error-container{min-height:60vh}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.retry-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:80px 20px;text-align:center}.page-title{animation:fadeInUp .6s ease-out;font-size:48px;margin:0 0 16px}.page-subtitle{animation:fadeInUp .6s ease-out .1s both;font-size:20px;margin:0;opacity:.95}.portfolio-filter{background:#fff;border-bottom:2px solid #e2e8f0;padding:40px 20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.filter-btn{background:#edf2f7;border:2px solid #0000;border-radius:25px;color:#2d3748;font-size:15px;font-weight:600;padding:12px 28px}.filter-btn:hover{background:#e2e8f0;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.portfolio-grid-section{padding:60px 20px}.empty-state{padding:80px 20px}.empty-icon{font-size:96px;opacity:.7}.empty-state h3{color:#2d3748;font-size:28px;margin:0 0 16px}.empty-state p{color:#718096;font-size:18px}.show-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.show-all-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.portfolio-grid{grid-gap:32px;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.portfolio-card{animation:slideUp .5s ease-out both;background:#fff;border:2px solid #0000;box-shadow:0 4px 20px #00000014;color:inherit;display:flex;flex-direction:column;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio-card:hover{border-color:#667eea;box-shadow:0 12px 40px #667eea40;transform:translateY(-12px)}.portfolio-image{background:linear-gradient(135deg,#667eea,#764ba2);height:240px;width:100%}.portfolio-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.portfolio-card:hover .portfolio-image img{transform:scale(1.1)}.image-overlay{align-items:center;background:#667eeae6;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.portfolio-card:hover .image-overlay{opacity:1}.view-details{color:#fff;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.portfolio-card-header{padding:20px 24px 10px}.portfolio-category{background:linear-gradient(135deg,#e6fffa,#b2f5ea);border-radius:20px;color:#047857;display:inline-block;font-size:13px;font-weight:700;letter-spacing:.5px;padding:6px 16px;text-transform:uppercase}.portfolio-card-body{flex-grow:1;padding:0 24px 20px}.portfolio-title{color:#2d3748;font-size:22px;font-weight:700;line-height:1.3;margin:16px 0 12px}.portfolio-description{color:#718096;font-size:15px;line-height:1.6;margin:0 0 16px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#edf2f7;border-radius:12px;color:#2d3748;font-size:12px;padding:6px 12px}.portfolio-card-footer{border-top:1px solid #e2e8f0;margin-top:10px;padding:20px 24px 24px}.portfolio-link{align-items:center;color:#667eea;display:flex;font-size:15px;font-weight:700;gap:8px;transition:all .3s}.portfolio-card:hover .portfolio-link{gap:14px}.arrow{font-size:18px;transition:transform .3s}.portfolio-card:hover .arrow{transform:translateX(4px)}@media (max-width:1024px){.portfolio-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.page-title{font-size:36px}.page-subtitle{font-size:16px}.portfolio-grid{gap:24px;grid-template-columns:1fr}.filter-buttons{gap:8px}.filter-btn{font-size:14px;padding:10px 20px}}@media (max-width:480px){.page-header{padding:60px 20px}.page-title{font-size:28px}.portfolio-card-body{padding:0 20px 16px}.portfolio-title{font-size:20px}}.project-detail-page{background:#f7fafc;min-height:100vh}.loading-container{min-height:70vh;padding:40px 20px}.loading-spinner{animation:spin 1.5s linear infinite}.loading-container p{color:#718096;font-size:18px;font-weight:500;margin-top:24px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:40px 20px;text-align:center}.error-icon{font-size:80px;margin-bottom:24px}.error-container h2{color:#2d3748;font-size:32px;margin:0 0 16px}.error-container p{color:#718096;font-size:18px;margin:0 0 32px}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s}.back-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-3px)}.project-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:60px 20px}.project-hero .container{margin:0 auto;max-width:1200px}.back-button{align-items:center;background:#fff3;border:2px solid #fff;display:inline-flex;font-size:14px;gap:8px;margin-bottom:32px;transition:all .3s}.back-button:hover{background:#fff;color:#667eea;transform:translateX(-4px)}.project-header{margin-bottom:40px}.project-category-badge{background:#ffffff40;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:20px;padding:8px 20px;text-transform:uppercase}.project-title{animation:fadeInUp .6s ease-out;font-size:48px;line-height:1.2;margin:0 0 20px}.project-subtitle{animation:fadeInUp .6s ease-out .1s both;font-size:20px;line-height:1.6;margin:0;opacity:.95}.project-hero-image{animation:fadeInUp .6s ease-out .2s both;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;width:100%}.project-hero-image img{display:block;height:auto;width:100%}.project-content{padding:80px 20px}.content-grid{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px}.main-content{background:#fff;border-radius:16px;box-shadow:0 2px 20px #00000014;padding:40px}.main-content h2{border-bottom:3px solid #667eea;color:#2d3748;font-size:32px;margin:0 0 24px;padding-bottom:16px}.project-details{color:#4a5568;font-size:16px;line-height:1.8}.project-details p{margin:0 0 20px}.project-details p:last-child{margin-bottom:0}.project-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 2px 20px #00000014;padding:28px;transition:all .3s}.sidebar-card:hover{border-color:#667eea;box-shadow:0 4px 25px #667eea26}.sidebar-card h3{align-items:center;color:#2d3748;display:flex;font-size:18px;gap:8px;margin:0 0 16px}.tech-tags{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{background:linear-gradient(135deg,#edf2f7,#e2e8f0);border-radius:12px;color:#2d3748;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s}.tech-tag:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.category-name{color:#667eea;font-size:16px;font-weight:600;margin:0}.sidebar-card p{color:#718096;font-size:15px;margin:0}.share-buttons{display:flex;flex-direction:column;gap:12px}.share-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s}.share-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:1024px){.content-grid{gap:40px;grid-template-columns:1fr}.project-sidebar{grid-row:2}}@media (max-width:768px){.project-title{font-size:36px}.project-subtitle{font-size:16px}.main-content{padding:24px}.main-content h2{font-size:24px}.sidebar-card{padding:20px}}@media (max-width:480px){.project-hero{padding:40px 20px}.project-title{font-size:28px}.project-content{padding:40px 20px}.main-content{padding:20px}}.section{padding:60px 20px}.container{max-width:1200px}.contact-page{background:#f8f9fa;min-height:100vh}.contact-hero{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:100px 20px 80px;text-align:center}.hero-title{animation:fadeInUp .6s ease-out;font-size:3.5rem;margin:0 0 20px}.hero-subtitle{animation:fadeInUp .6s ease-out .1s both;font-size:1.25rem;margin:0;opacity:.95}.contact-content{padding:80px 20px}.contact-grid{grid-gap:60px;gap:60px;margin:0 auto;max-width:1200px}.contact-info{display:flex;flex-direction:column;gap:40px}.section-heading{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 16px}.info-description{color:#718096;font-size:1.1rem;line-height:1.6;margin:0}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method{align-items:start;background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;padding:24px;transition:all .3s ease}.contact-method:hover{border-color:#000;box-shadow:0 4px 16px #00000026;transform:translateX(8px)}.method-icon{flex-shrink:0;font-size:2.5rem}.method-content h3{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin:0 0 8px}.method-content a,.method-content p{color:#000;font-size:1rem;font-weight:500;margin:0;text-decoration:none}.method-content a:hover{opacity:.7;text-decoration:underline}.social-links h3{color:#1a1a1a;font-size:1.2rem;font-weight:700;margin:0 0 20px}.social-icons{display:flex;flex-wrap:wrap;gap:16px}.social-icon{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:2rem;height:60px;transition:all .3s ease;width:60px}.social-icon:hover{background:#000;border-color:#000;box-shadow:0 8px 20px #0003;color:#fff}.contact-form-container{background:#fff;border:2px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 24px #00000014;padding:40px}.alert{animation:slideDown .4s ease-out;border-radius:8px;display:flex;gap:16px;margin-bottom:24px;padding:16px 20px}.alert-success{background:#d4edda;border:2px solid #28a745;color:#155724}.alert-error{background:#f8d7da;border:2px solid #dc3545;color:#721c24}.alert-icon{flex-shrink:0;font-size:24px}.alert strong{display:block;margin-bottom:4px}.alert p{font-size:14px;margin:0}.contact-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;gap:20px}.required{color:#e53e3e}.form-group input,.form-group textarea{background:#fff;border:2px solid #e2e8f0;color:#1a1a1a;font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #0000001a}.form-group textarea{min-height:150px}.form-group input:disabled,.form-group textarea:disabled{background:#f7fafc;cursor:not-allowed}.submit-btn{align-items:center;background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:8px;padding:16px 40px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 20px #0000004d;opacity:.9;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:968px){.contact-grid{gap:40px;grid-template-columns:1fr}.hero-title{font-size:2.5rem}}@media (max-width:640px){.form-row{grid-template-columns:1fr}.contact-form-container{padding:24px}.hero-title{font-size:2rem}.contact-method{flex-direction:column;text-align:center}.method-icon{font-size:2rem}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#f5f5f5,#fff);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-container{animation:slideUp .5s ease-out;background:#fff;border:2px solid #e0e0e0;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:48px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:40px;text-align:center}.login-icon{display:block;font-size:64px;margin-bottom:16px}.login-title{color:#000;font-size:32px;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.login-subtitle{color:#666;font-size:16px;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.form-group input::placeholder{color:#999}.login-btn{background:linear-gradient(135deg,#000,#333);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin-top:8px;padding:16px;text-transform:uppercase;transition:all .3s ease}.login-btn:hover{background:linear-gradient(135deg,#1a1a1a,#000);box-shadow:0 8px 24px #0003;transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.error-message{animation:shake .5s ease;background:#ffe0e0;border:2px solid #f44;border-radius:8px;color:#c00;font-size:14px;font-weight:600;padding:14px 16px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-footer{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px;text-align:center}.back-link{align-items:center;color:#000;display:inline-flex;font-weight:600;gap:8px;text-decoration:none;transition:all .3s ease}.back-link:hover{color:#333;gap:12px}.loading-container{gap:16px;padding:40px}.loading-spinner{font-size:48px}@media (max-width:480px){.login-container{padding:32px 24px}.login-title{font-size:28px}.login-icon{font-size:56px}}.admin-dashboard{background:#fff;min-height:100vh;padding-top:70px}.admin-header{background:linear-gradient(135deg,#1a1a1a,#000);border-bottom:3px solid #000;color:#fff;padding:40px 0}.admin-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.admin-title-section h1{color:#fff;font-size:32px;font-weight:700;margin:0 0 8px}.admin-subtitle{color:#ccc;font-size:16px;margin:0}.admin-actions{display:flex;gap:16px}.logout-btn{background:#fff;border:2px solid #fff;border-radius:8px;color:#000;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.logout-btn:hover{background:#f5f5f5;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.dashboard-content{margin:0 auto;max-width:1200px;padding:48px 24px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px}.stat-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#000,#333);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover{border-color:#000;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.stat-card:hover:before{transform:scaleX(1)}.stat-icon{display:block;font-size:48px;margin-bottom:16px}.stat-number{color:#000;font-size:40px;margin:0 0 8px}.stat-label{color:#666;font-size:16px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.quick-actions{margin-top:48px}.section-title{color:#000;font-size:28px;font-weight:700;letter-spacing:1px;margin:0 0 32px;text-align:center;text-transform:uppercase}.actions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.action-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;color:inherit;cursor:pointer;padding:32px;text-align:center;text-decoration:none;transition:all .3s ease}.action-card:hover{border-color:#000;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.action-icon{display:block;font-size:56px;margin-bottom:16px}.action-title{color:#000;font-size:20px;font-weight:700;margin:0 0 8px}.action-description{color:#666;font-size:14px;margin:0}@media (max-width:768px){.admin-header-content{flex-direction:column;gap:24px;text-align:center}.admin-title-section h1{font-size:28px}.actions-grid,.dashboard-grid{grid-template-columns:1fr}.stat-number{font-size:32px}}.projects-management{background:#fff;min-height:100vh;padding-top:70px}.page-header{background:linear-gradient(135deg,#1a1a1a,#000);border-bottom:3px solid #000;padding:40px 0}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.page-title{color:#fff;font-size:32px;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.header-actions{display:flex;gap:16px}.btn{font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:#fff;border-color:#fff}.btn-primary:hover{background:#f5f5f5;box-shadow:0 4px 12px #ffffff4d}.btn-secondary{background:#0000;border-color:#fff}.btn-secondary:hover{background:#ffffff1a}.content-section{margin:0 auto;max-width:1200px;padding:48px 24px}.projects-list{grid-gap:24px;display:grid;gap:24px}.project-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:24px;padding:24px;transition:all .3s ease}.project-card:hover{border-color:#000;box-shadow:0 4px 16px #0000001a}.project-image-container{background:#f5f5f5;border-radius:8px;flex-shrink:0;height:150px;overflow:hidden;width:200px}.project-image{height:100%;object-fit:cover;width:100%}.project-placeholder{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);font-size:48px}.project-info{display:flex;flex:1 1;flex-direction:column;gap:12px}.project-header{align-items:start;display:flex;gap:16px;justify-content:space-between}.project-title{color:#000;font-size:24px;font-weight:700;margin:0}.project-category{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#1a1a1a;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 14px}.project-description{color:#666;font-size:15px;line-height:1.6;margin:0}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;font-size:13px;font-weight:600;padding:4px 12px}.project-actions{display:flex;gap:12px;margin-top:auto}.btn-small{font-size:13px;padding:8px 16px}.btn-edit{background:#000;border-color:#000;color:#fff}.btn-edit:hover{background:#1a1a1a;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-delete{background:#0000;border-color:#f44;color:#f44}.btn-delete:hover{background:#f44;box-shadow:0 4px 12px #ff44444d;color:#fff;transform:translateY(-2px)}.project-form{background:#fff;border:2px solid #e0e0e0;border-radius:12px;margin-bottom:32px;padding:32px}.form-title{color:#000;font-size:24px;font-weight:700;letter-spacing:1px;margin:0 0 32px;text-transform:uppercase}.form-grid{grid-gap:24px;display:grid;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1a1a1a;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#1a1a1a;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#000;box-shadow:0 0 0 3px #0000000d;outline:none}.form-group textarea{min-height:120px;resize:vertical}.form-group input[type=file]{cursor:pointer;padding:10px}.form-group small{color:#666;font-size:13px}.image-preview{border:2px solid #e0e0e0;border-radius:8px;margin-top:12px;overflow:hidden}.image-preview img{display:block;height:auto;max-width:400px;width:100%}.form-actions{border-top:2px solid #e0e0e0;display:flex;gap:16px;margin-top:32px;padding-top:24px}.btn-submit{background:#000;border-color:#000;color:#fff;flex:1 1}.btn-submit:hover{background:#1a1a1a;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-cancel{background:#0000;border-color:#e0e0e0;color:#666}.btn-cancel:hover{background:#f5f5f5;border-color:#ccc;color:#1a1a1a}.empty-state{padding:80px 24px;text-align:center}.empty-icon{display:block;font-size:80px;margin-bottom:24px}.empty-state h3{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:#666;font-size:16px;margin:0 0 32px}.loading-container{gap:24px}.loading-text{color:#666;font-size:18px;font-weight:600}@media (max-width:768px){.header-content{align-items:stretch}.header-actions,.header-content,.project-card{flex-direction:column}.project-image-container{height:200px;width:100%}.project-header{align-items:start}.form-actions,.project-actions,.project-header{flex-direction:column}}.admin-container{background:#f5f5f5;min-height:100vh;padding:20px}.admin-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.admin-header h1{color:#1a1a1a;font-size:2rem;margin:0}.back-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:opacity .3s ease}.back-button:hover{opacity:.8}.message{border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.admin-content{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:300px 1fr}.sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 40px);padding:20px;position:-webkit-sticky;position:sticky;top:20px}.sidebar-header{margin-bottom:20px}.sidebar-header h3{color:#1a1a1a;font-size:1.25rem;margin:0 0 15px}.create-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px;transition:opacity .3s ease;width:100%}.create-button:hover{opacity:.8}.members-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto}.no-members{color:#666;font-size:.9rem;padding:20px;text-align:center}.member-item{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:all .3s ease}.member-item:hover{border-color:#000}.member-item.active{background:#f0f0f0;border-color:#000}.member-item.owner-item{border-color:#000;border-width:2px}.member-item-content{align-items:center;display:flex;flex:1 1;gap:12px}.member-avatar{border:2px solid #ddd;border-radius:50%;height:40px;object-fit:cover;width:40px}.member-item-name{align-items:center;color:#1a1a1a;display:flex;flex-wrap:wrap;font-size:.95rem;gap:8px;margin:0 0 4px}.member-item-status{color:#666;font-size:.8rem;margin:0}.owner-badge{background:#000;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.delete-button{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:5px;transition:transform .2s ease}.delete-button:hover{transform:scale(1.2)}.form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.form-title{color:#1a1a1a;font-size:1.5rem;margin:0 0 30px}.about-form{display:flex;flex-direction:column;gap:30px}.form-section{border-bottom:2px solid #f0f0f0;padding-bottom:25px}.form-section:last-of-type{border-bottom:none}.user-id-section{background:#fff8e1;border:2px solid #ffd54f;border-bottom:2px solid #ffd54f!important;border-radius:8px;padding:20px}.user-id-section .section-title{color:#f57c00;margin-bottom:15px}.user-id-section .form-hint{background:#fff;border-left:3px solid #ff9800;border-radius:6px;display:inline-block;padding:8px 12px}.section-title{color:#1a1a1a;font-size:1.15rem;font-weight:600;margin:0 0 20px}.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#000;outline:none}.form-input:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.7}.form-textarea{min-height:100px;resize:vertical}.checkbox-label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95rem;gap:10px}.form-checkbox{cursor:pointer;height:18px;width:18px}.image-preview{margin-bottom:15px;text-align:center}.preview-image{border:3px solid #ddd;border-radius:50%;height:150px;object-fit:cover;width:150px}.file-input{font-size:.95rem;padding:8px}.file-name{margin-top:8px}.file-name,.form-hint{color:#666;font-size:.85rem;font-style:italic}.form-hint{display:block;margin-top:5px}.submit-button{background:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:20px;padding:15px 30px;transition:opacity .3s ease,transform .2s ease}.submit-button:hover:not(:disabled){opacity:.8;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;font-size:64px}@media (max-width:968px){.admin-content{grid-template-columns:1fr}.sidebar{max-height:none;position:relative;top:0}}@media (max-width:640px){.admin-header{align-items:stretch;flex-direction:column;gap:15px}.admin-header h1{font-size:1.5rem;text-align:center}.form-container{padding:20px}.member-item-content{align-items:flex-start;flex-direction:column}}.messages-management{background:#fff;min-height:100vh;padding-top:70px}.unread-badge{background:#f44;border-radius:12px;color:#fff;font-size:13px;font-weight:700;margin-left:12px;padding:4px 12px}.filter-section{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.filter-btn:hover{border-color:#000;color:#000}.filter-btn.active{background:#000;border-color:#000;color:#fff}.messages-list{display:flex;flex-direction:column;gap:24px}.message-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s ease}.message-card.unread{background:#fafafa;border-color:#000}.message-card:hover{box-shadow:0 4px 16px #0000001a}.message-header{align-items:start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.sender-info{flex:1 1}.sender-name{color:#000;font-size:20px;font-weight:700;margin:0 0 8px}.sender-email{margin-bottom:4px}.sender-email,.sender-phone{color:#666;display:block;font-size:14px}.message-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.status-badge{border-radius:6px;font-size:12px;font-weight:700;padding:6px 12px;text-transform:uppercase}.status-badge.unread{background:#e3f2fd;color:#1976d2}.status-badge.read{background:#f5f5f5;color:#666}.message-date{color:#999;font-size:13px}.message-subject{color:#1a1a1a;font-size:16px;font-weight:700;margin:0 0 12px}.message-content{color:#333;font-size:15px;line-height:1.6;margin:0 0 20px;white-space:pre-wrap}.message-actions{border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:12px;padding-top:16px}.btn-reply{background:#000;border-color:#000;color:#fff;text-decoration:none}.btn-reply:hover{background:#1a1a1a}.btn-mark-read{background:#0000;border-color:#4caf50;color:#4caf50}.btn-mark-read:hover{background:#4caf50;color:#fff}@media (max-width:768px){.message-header{flex-direction:column}.message-meta{align-items:flex-start;flex-direction:row;gap:12px}.filter-section,.message-actions{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Space Grotesk",sans-serif;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--transition-bounce:0.6s cubic-bezier(0.68,-0.55,0.265,1.55);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040}html{scroll-behavior:smooth}body{background-color:#fff;background-color:var(--color-white);color:#171717;color:var(--color-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary);line-height:1.6;overflow-x:hidden}body.no-scroll{overflow:hidden}.container{margin:0 auto;max-width:1280px;padding:0 24px}.cursor-dot,.cursor-follower{left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;z-index:10000}.cursor-dot{background-color:#fff;background-color:var(--color-white);border-radius:50%;height:8px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast);width:8px}.cursor-dot,.cursor-follower{transform:translate(-50%,-50%)}.cursor-follower{border:2px solid #fff;border:2px solid var(--color-white);border-radius:50%;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:40px}.cursor-follower.expand{transform:translate(-50%,-50%) scale(1.5)}@media (max-width:1024px){.cursor-dot,.cursor-follower{display:none}}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background-color:#fffc;border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-gray-200);left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);z-index:1000}.navbar.scrolled{background-color:#fffffff2;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.navbar .container{justify-content:space-between;padding:1.5rem 24px}.logo,.navbar .container{align-items:center;display:flex}.logo{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:.25rem}.logo-bracket{color:#a3a3a3;color:var(--color-gray-400);transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.logo:hover .logo-bracket{color:#000;color:var(--color-black)}.logo-text{position:relative}.nav-progress{background:linear-gradient(90deg,#000,#525252);background:linear-gradient(90deg,var(--color-black),var(--color-gray-600));bottom:0;height:2px;left:0;position:absolute;transition:width .1s linear;width:0}.nav-menu{display:flex;gap:3rem;list-style:none}.nav-menu a{color:#404040;color:var(--color-gray-700);font-size:.95rem;font-weight:500;letter-spacing:.5px;position:relative;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.nav-menu a:before{color:#000;color:var(--color-black);content:attr(data-text);left:0;overflow:hidden;position:absolute;top:0;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.nav-menu a.active:before,.nav-menu a:hover:before{width:100%}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px}.hamburger span{background-color:#000;background-color:var(--color-black);height:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:28px}.hamburger.active span:first-child{transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.hero{align-items:center;background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{overflow:hidden}.grid-overlay,.hero-background{bottom:0;left:0;position:absolute;right:0;top:0}.grid-overlay{animation:gridMove 20s linear infinite;background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:50px 50px}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-1{animation-delay:0s;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);height:500px;left:-10%;top:-10%;width:500px}.orb-2{animation-delay:-10s;background:radial-gradient(circle,#ffffff14 0,#0000 70%);bottom:-10%;height:400px;right:-10%;width:400px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{max-width:900px;padding:0 24px;position:relative;text-align:center;z-index:10}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;letter-spacing:.5px;margin-bottom:2rem;padding:.5rem 1.25rem}.badge-dot{animation:pulse 2s ease-in-out infinite;background-color:#fff;background-color:var(--color-white);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero-title{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:700;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}.title-line{display:block}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#a3a3a3);background:linear-gradient(90deg,var(--color-white),var(--color-gray-400));-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a3a3a3;color:var(--color-gray-400);font-size:clamp(1rem,2vw,1.25rem);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;letter-spacing:.3px;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn i,.btn span{position:relative;z-index:1}.btn-primary{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black)}.btn-primary:hover{box-shadow:0 10px 30px #fff3;transform:translateY(-2px)}.btn-primary i{transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.btn-primary:hover i{transform:translateX(4px)}.btn-secondary{background-color:initial;border-color:#fff3;color:#fff;color:var(--color-white)}.btn-secondary:hover{background-color:#ffffff1a;border-color:#fff;border-color:var(--color-white);transform:translateY(-2px)}.scroll-indicator{align-items:center;animation:fadeIn 1s ease-in 2s backwards;bottom:40px;color:#a3a3a3;color:var(--color-gray-400);display:flex;flex-direction:column;font-size:.875rem;gap:1rem;left:50%;position:absolute;transform:translateX(-50%)}.mouse{border:2px solid #ffffff4d;border-radius:12px;height:40px;position:relative;width:24px}.wheel{animation:scroll 2s ease-in-out infinite;background-color:#fff;background-color:var(--color-white);border-radius:2px;height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:3px}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(15px)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.section-badge{background-color:#f5f5f5;background-color:var(--color-gray-100);border-radius:4px;color:#404040;color:var(--color-gray-700);display:inline-block;font-size:.875rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding:.5rem 1rem;text-transform:uppercase}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-1px;margin-top:.5rem}.features{background-color:#fff;background-color:var(--color-white);padding:120px 0}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.feature-card{background-color:#fafafa;background-color:var(--color-gray-50);border:1px solid #e5e5e5;border:1px solid var(--color-gray-200);border-radius:16px;overflow:hidden;padding:3rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.feature-card:before{background:linear-gradient(90deg,#000,#525252);background:linear-gradient(90deg,var(--color-black),var(--color-gray-600));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:#d4d4d4;border-color:var(--color-gray-300);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.feature-icon{height:80px;margin-bottom:2rem;position:relative;width:80px}.feature-icon i{color:#000;color:var(--color-black);font-size:2.5rem;position:relative;z-index:2}.icon-bg{background:linear-gradient(135deg,#e5e5e5,#f5f5f5);background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-100));border-radius:20px;height:80px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .5s cubic-bezier(.4,0,.2,1);transition:all var(--transition-slow);width:80px}.feature-card:hover .icon-bg{transform:translate(-50%,-50%) rotate(180deg) scale(1.1)}.feature-content h3{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-content p{color:#525252;color:var(--color-gray-600);line-height:1.8;margin-bottom:1.5rem}.feature-link{align-items:center;color:#000;color:var(--color-black);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;text-decoration:none;transition:gap .3s cubic-bezier(.4,0,.2,1);transition:gap var(--transition-base)}.feature-link:hover{gap:1rem}.feature-number{bottom:1.5rem;color:#e5e5e5;color:var(--color-gray-200);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:5rem;font-weight:700;line-height:1;position:absolute;right:1.5rem}.stats-section{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);padding:100px 0}.stats-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{position:relative}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#737373);background:linear-gradient(180deg,var(--color-white),var(--color-gray-500));-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;line-height:1;margin-bottom:.5rem}.stat-item p{color:#a3a3a3;color:var(--color-gray-400);font-size:1.1rem;letter-spacing:.5px}.page-header{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);overflow:hidden;padding:180px 0 100px;position:relative}.page-header-content{position:relative;text-align:center;z-index:10}.page-header h1{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:clamp(2.5rem,8vw,4rem);font-weight:700;letter-spacing:-2px;margin-bottom:1rem}.page-header p{color:#a3a3a3;color:var(--color-gray-400);font-size:1.25rem}.about-content{padding:120px 0}.about-grid{grid-gap:5rem;align-items:start;display:grid;gap:5rem;grid-template-columns:1.2fr 1fr}.text-block{margin-bottom:3rem}.text-block:last-child{margin-bottom:0}.text-block h2{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:600;margin-bottom:1rem}.text-block p{color:#525252;color:var(--color-gray-600);font-size:1.05rem;line-height:1.9}.about-stats{display:flex;flex-direction:column;gap:1.5rem;position:-webkit-sticky;position:sticky;top:120px}.stat-card-large{background-color:#fafafa;background-color:var(--color-gray-50);border:1px solid #e5e5e5;border:1px solid var(--color-gray-200);border-radius:12px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.stat-card-large:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateX(8px)}.stat-number-large{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:3rem;font-weight:700;line-height:1;margin-bottom:.5rem}.stat-card-large p{color:#525252;color:var(--color-gray-600);margin-bottom:1rem}.stat-bar{background-color:#e5e5e5;background-color:var(--color-gray-200);border-radius:3px;height:6px;overflow:hidden}.stat-fill{animation:fillBar 2s ease-out forwards;animation-delay:.5s;background:linear-gradient(90deg,#000,#525252);background:linear-gradient(90deg,var(--color-black),var(--color-gray-600));height:100%;width:0;width:var(--width,0)}@keyframes fillBar{0%{width:0}to{width:var(--width)}}.expertise-section{background-color:#fafafa;background-color:var(--color-gray-50);padding:100px 0}.tech-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tech-item{background-color:#fff;background-color:var(--color-white);border:2px solid #e5e5e5;border:2px solid var(--color-gray-200);border-radius:12px;color:#000;color:var(--color-black);cursor:default;font-weight:600;padding:1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.tech-item:hover{border-color:#000;border-color:var(--color-black);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.portfolio-section{padding:120px 0}.portfolio-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.portfolio-card{background-color:#000;background-color:var(--color-black);border-radius:16px}.portfolio-card,.portfolio-image{overflow:hidden;position:relative}.portfolio-image{height:400px}.project-placeholder{align-items:center;background-color:#171717;background-color:var(--color-gray-900);display:flex;height:100%;justify-content:center;position:relative;transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow);width:100%}.portfolio-card:hover .project-placeholder{transform:scale(1.05)}.project-placeholder i{color:#fff;color:var(--color-white);font-size:4rem;opacity:.2;position:relative;z-index:2}.project-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff05 0,#ffffff05 20px);top:0}.portfolio-overlay,.project-pattern{bottom:0;left:0;position:absolute;right:0}.portfolio-overlay{background:linear-gradient(0deg,#000000f2,#0000);color:#fff;color:var(--color-white);padding:2.5rem;transform:translateY(calc(100% - 80px));transition:transform .5s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-overlay{transform:translateY(0)}.project-category{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding:.25rem .75rem;text-transform:uppercase}.portfolio-overlay h3{font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.portfolio-overlay p{color:#a3a3a3;color:var(--color-gray-400);margin-bottom:1.5rem;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base);transition-delay:.2s}.portfolio-card:hover .portfolio-overlay p{opacity:1}.project-link{align-items:center;color:#fff;color:var(--color-white);display:inline-flex;font-weight:600;gap:.5rem;text-decoration:none;transition:gap .3s cubic-bezier(.4,0,.2,1);transition:gap var(--transition-base)}.project-link:hover{gap:1rem}.contact-section{padding:120px 0}.contact-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr 1.2fr}.contact-info h2{color:#000;color:var(--color-black);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contact-info>p{color:#525252;color:var(--color-gray-600);font-size:1.05rem;line-height:1.8;margin-bottom:3rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{align-items:start;display:flex;gap:1.5rem}.contact-icon{align-items:center;background-color:#000;background-color:var(--color-black);border-radius:12px;color:#fff;color:var(--color-white);display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:50px}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(5deg)}.contact-icon i{font-size:1.25rem}.contact-text h4{color:#000;color:var(--color-black);font-weight:600;margin-bottom:.25rem}.contact-text p{color:#525252;color:var(--color-gray-600)}.contact-form-wrapper{background-color:#fafafa;background-color:var(--color-gray-50);border:1px solid #e5e5e5;border:1px solid var(--color-gray-200);border-radius:16px;padding:3rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{color:#404040;color:var(--color-gray-700);display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.form-group input,.form-group textarea{background-color:#fff;background-color:var(--color-white);border:2px solid #e5e5e5;border:2px solid var(--color-gray-200);border-radius:8px;color:#000;color:var(--color-black);font-family:inherit;font-size:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#000;border-color:var(--color-black);outline:none;transform:translateY(-2px)}.form-underline{background-color:#000;background-color:var(--color-black);bottom:0;height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.form-group input:focus~.form-underline,.form-group textarea:focus~.form-underline{width:100%}.contact-form .btn-primary{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);justify-content:center;margin-top:1rem;width:100%}.contact-form .btn-primary:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.footer{background-color:#171717;background-color:var(--color-gray-900);color:#fff;color:var(--color-white);padding:5rem 0 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;margin-bottom:3rem}.footer-col h4{color:#fff;color:var(--color-white);font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:.75rem}.footer-col ul li a{color:#a3a3a3;color:var(--color-gray-400);display:inline-block;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.footer-col ul li a:hover{color:#fff;color:var(--color-white);transform:translateX(4px)}.footer-col ul li i{color:#525252;color:var(--color-gray-600);margin-right:.5rem}.footer-logo{align-items:center;display:flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-display);font-size:1.5rem;font-weight:700;gap:.25rem;margin-bottom:1rem}.footer-col>p{color:#a3a3a3;color:var(--color-gray-400);line-height:1.8;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-icon{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fff;color:var(--color-white);display:flex;height:44px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:44px}.social-icon:hover{background-color:#fff;background-color:var(--color-white);color:#000;color:var(--color-black);transform:translateY(-4px)}.footer-bottom{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding-top:2rem}.footer-bottom p{color:#737373;color:var(--color-gray-500);font-size:.9rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#737373;color:var(--color-gray-500);font-size:.9rem;text-decoration:none;transition:color .3s cubic-bezier(.4,0,.2,1);transition:color var(--transition-base)}.footer-links a:hover{color:#fff;color:var(--color-white)}[data-aos]{opacity:0;transition-property:opacity,transform}[data-aos].aos-animate{opacity:1}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}[data-aos=fade-right]{transform:translateX(-30px)}[data-aos=fade-right].aos-animate{transform:translateX(0)}[data-aos=fade-left]{transform:translateX(30px)}[data-aos=fade-left].aos-animate{transform:translateX(0)}[data-aos=zoom-in]{transform:scale(.9)}[data-aos=zoom-in].aos-animate{transform:scale(1)}@media (max-width:1024px){.about-grid,.contact-grid{gap:3rem;grid-template-columns:1fr}.about-stats{position:relative;top:0}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hamburger{display:flex}.nav-menu{background-color:#fff;background-color:var(--color-white);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);flex-direction:column;gap:0;left:-100%;padding:2rem 0;position:fixed;text-align:center;top:81px;transition:left .3s cubic-bezier(.4,0,.2,1);transition:left var(--transition-base);width:100%}.nav-menu li{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--color-gray-200);padding:1rem 0}.nav-menu li:last-child{border-bottom:none}.nav-menu.active{left:0}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column}.btn{justify-content:center;width:100%}.feature-grid,.portfolio-grid{grid-template-columns:1fr}.stats-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.form-row{grid-template-columns:1fr}.contact-form-wrapper{padding:2rem}}@media (max-width:480px){.container{padding:0 16px}.navbar .container{padding:1rem 16px}.hero{min-height:90vh}.page-header{padding:140px 0 80px}.about-content,.contact-section,.features,.portfolio-section{padding:80px 0}.expertise-section,.stats-section{padding:60px 0}.tech-grid{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.cursor-dot,.cursor-follower,.footer,.navbar,.scroll-indicator{display:none}}.btn{overflow:hidden;position:relative}.ripple{animation:ripple-animation .6s ease-out;background:#ffffff4d;border-radius:50%;pointer-events:none;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}@keyframes spin{to{transform:rotate(1turn)}}.fa-spinner{animation:spin 1s linear infinite}
/*# sourceMappingURL=main.95a34767.css.map*/