section{padding:8rem 0;position:relative;z-index:10}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;margin-bottom:1rem}.section-subtitle{color:#a0a0a0;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.hero-section{min-height:100vh;justify-content:center;padding-top:120px}.hero-container,.hero-section{display:flex;flex-direction:column}.hero-container{align-items:center;text-align:center}.hero-content{max-width:800px;margin-bottom:4rem}.hero-title{font-size:clamp(3rem,8vw,5rem);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-1px}.hero-subtitle{font-size:1.25rem;color:#a0a0a0;margin-bottom:2.5rem;line-height:1.6}.hero-cta{display:flex;gap:1.5rem;justify-content:center}.stats-row{display:flex;justify-content:space-between;align-items:center;width:100%;padding:2rem 4rem;margin-top:2rem}.stat-item{text-align:center}.stat-item h3{font-size:2.5rem;color:var(--primary);margin-bottom:.5rem}.stat-item p{color:#a0a0a0;font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:60px;background:var(--border)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-text{font-size:.75rem;letter-spacing:2px;color:#a0a0a0}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--primary),transparent)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text p{color:#a0a0a0;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--foreground)}.feature-icon{color:var(--primary)}.about-image-wrapper{position:relative}.about-badge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,var(--primary),var(--accent));width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;font-weight:700;text-align:center}.about-badge span{font-size:2.5rem;line-height:1}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.card{padding:2.5rem;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%}.card:hover{transform:translateY(-10px);border-color:rgba(0,255,204,.3);box-shadow:0 10px 30px rgba(0,255,204,.05)}.card-icon{width:60px;height:60px;border-radius:12px;background:rgba(0,255,204,.1);display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;color:var(--primary)}.card h3{font-size:1.5rem;margin-bottom:1rem}.card p{color:#a0a0a0;line-height:1.6;flex-grow:1}.card-link{margin-top:1.5rem;color:var(--primary);font-weight:500;display:flex;align-items:center;gap:.5rem;transition:gap .3s ease}.card-link:hover{gap:1rem}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:4rem}.portfolio-item{position:relative;border-radius:16px;overflow:hidden;background:var(--card-bg);border:1px solid var(--border)}.portfolio-image-wrapper{position:relative;height:500px;overflow:hidden}.portfolio-image{width:100%;height:100%;background:var(--card-bg);position:relative}.portfolio-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;background-image:inherit;background-size:cover;background-position:50%;border-radius:0;transition:filter .3s ease;z-index:0}.portfolio-item:hover .portfolio-image:before{filter:blur(8px)}.portfolio-image-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#101218,#1a1c24);display:flex;justify-content:center;align-items:center;color:var(--primary)}.portfolio-overlay-content{position:absolute;bottom:0;left:0;width:100%;padding:2rem;background:linear-gradient(0deg,rgba(0,0,0,.95),transparent);transform:translateY(20px);opacity:0;transition:all .3s ease;z-index:1;pointer-events:none}.portfolio-item:hover .portfolio-overlay-content{transform:translateY(0);opacity:1;pointer-events:auto}.portfolio-info-section{display:none;padding:2rem;border-top:1px solid var(--border)}.portfolio-category{color:var(--primary);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;display:block}.portfolio-info-section h3,.portfolio-overlay-content h3{font-size:1.8rem;margin-bottom:.5rem}.portfolio-info-section p,.portfolio-overlay-content p{color:#ccc;margin-bottom:1rem;font-size:.95rem}.portfolio-live-link{color:var(--primary);font-size:.9rem;font-weight:500;margin-bottom:.5rem;gap:.35rem;transition:gap .2s ease}.portfolio-live-btn,.portfolio-live-link{text-decoration:none;display:inline-flex;align-items:center}.portfolio-live-btn{gap:.5rem;background:var(--primary);color:#000;font-weight:600;font-size:.95rem;padding:.6rem 1.5rem;border-radius:50px;margin-bottom:1rem;transition:all .3s ease;width:fit-content}.portfolio-live-btn:hover{background:#fff;color:#000;gap:.8rem;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,204,.3)}.portfolio-live-link:hover{gap:.6rem;text-decoration:underline}.tech-stack{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag{background:rgba(255,255,255,.1);padding:.25rem .75rem;border-radius:50px;font-size:.8rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.team-card{text-align:center}.team-image{width:100%;aspect-ratio:1;border-radius:16px;background:var(--card-bg);margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.team-card h3{font-size:1.3rem;margin-bottom:.25rem}.team-card p{color:var(--primary);font-size:.9rem}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:var(--card-bg);border:1px solid var(--border);border-radius:24px;padding:4rem}.contact-info h2{font-size:2.5rem;margin-bottom:1rem}.contact-info p{color:#a0a0a0;margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}textarea.form-input{min-height:150px;resize:vertical}.footer{padding:4rem 0 2rem;border-top:1px solid var(--border);background:rgba(5,5,5,.8)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:4rem;margin-bottom:4rem}.footer-brand p{color:#a0a0a0;margin-top:1rem;line-height:1.6}.footer h4{font-size:1.2rem;margin-bottom:1.5rem}.footer-links{display:flex;flex-direction:column;gap:1rem}.footer-links a{color:#a0a0a0;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--border);color:#666;font-size:.9rem}@media (max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.contact-wrapper{grid-template-columns:1fr;padding:2rem}.footer-grid{grid-template-columns:1fr 1fr}.portfolio-overlay-content{display:none!important}.portfolio-info-section{display:block}.portfolio-image-wrapper{height:350px}}@media (max-width:768px){.stats-row{flex-direction:column;gap:2rem;padding:2rem}.stat-divider{width:100px;height:1px}.about-grid,.footer-grid,.grid-3,.team-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column}.portfolio-overlay-content{display:none!important}.portfolio-info-section{display:block;padding:1.5rem}.portfolio-image-wrapper{height:250px}.portfolio-info-section h3{font-size:1.3rem}.portfolio-info-section p{font-size:.85rem}.portfolio-info-section .portfolio-category{font-size:.75rem}.portfolio-info-section .tech-tag{font-size:.7rem}}