*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#0066CC;--primary-dark:#004C99;--primary-light:#3385D6;--secondary-color:#FF6B35;--accent-color:#4ECDC4;--text-dark:#1a1a1a;--text-medium:#4a4a4a;--text-light:#757575;--bg-white:#ffffff;--bg-light:#f8f9fa;--bg-dark:#2c3e50;--border-color:#e0e0e0;--success-color:#28a745;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.08);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.12);--shadow-lg:0 10px 40px rgba(0, 0, 0, 0.15)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{background:var(--bg-white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000;padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.logo-icon{font-size:2rem;height:32px}.logo-icon>a img{height:42px}.hero-image{align-items:end;text-align:end;font-family:monospace;float:right}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s}.nav-links a:hover{color:var(--primary-color)}.nav-links a:hover::after{width:100%}.btn{display:inline-block;padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s;border:2px solid transparent;cursor:pointer;font-size:1rem}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background:0 0;color:var(--primary-color);border-color:var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.btn-block{width:100%;text-align:center}.hero{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;padding:4rem 0;position:relative;overflow:hidden;min-height:500px}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text{max-width:100%}.hero h1{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;font-weight:800}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;line-height:1.8}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}section{padding:5rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark);font-weight:700}.section-subtitle{font-size:1.125rem;color:var(--text-light)}.about{background:var(--bg-white)}.about-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;align-items:start}.profile-card{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:var(--shadow-lg)}.profile-icon{font-size:5rem;margin-bottom:1rem}.profile-icon>img{width:80%;border-radius:20%}.profile-card h3{font-size:1.5rem;margin-bottom:.5rem}.profile-title{opacity:.9;margin-bottom:1.5rem}.linkedin-link{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.2);padding:.75rem 1.5rem;border-radius:8px;color:#fff;text-decoration:none;transition:all .3s}.linkedin-link:hover{background:rgba(255,255,255,.3);transform:translateY(-2px)}.linkedin-icon{background:#fff;color:#0077b5;width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.about-text h3{font-size:2rem;margin-bottom:1rem;color:var(--text-dark)}.about-text p{font-size:1.125rem;color:var(--text-medium);margin-bottom:1.5rem;line-height:1.8}.expertise-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.expertise-item{background:var(--bg-light);padding:1.5rem;border-radius:12px;text-align:center;transition:all .3s}.expertise-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.expertise-icon{font-size:2.5rem;margin-bottom:.5rem}.expertise-item h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-dark)}.expertise-item p{font-size:.9rem;color:var(--text-light);margin:0}.services{background:var(--bg-light)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.service-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s;border:2px solid transparent}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.service-card p{color:var(--text-medium);margin-bottom:1.5rem;line-height:1.7}.service-features{list-style:none;padding:0}.service-features li{padding:.5rem 0;color:var(--text-light);position:relative;padding-left:1.5rem}.service-features li::before{content:"💠";position:absolute;left:0;color:var(--success-color);font-weight:700;padding-right:.5rem}.portfolio{background:var(--bg-white)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.portfolio-item{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s}.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.portfolio-item.featured{grid-column:1/-1}.portfolio-image{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);padding:3rem;display:flex;align-items:center;justify-content:center}.app-icon{font-size:6rem;background:rgba(255,255,255,.2);width:120px;height:120px;border-radius:24px;display:flex;align-items:center;justify-content:center}.portfolio-content{padding:2rem}.portfolio-tag{display:inline-block;background:var(--accent-color);color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.portfolio-content h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-dark)}.portfolio-content p{color:var(--text-medium);margin-bottom:1.5rem;line-height:1.7}.portfolio-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:var(--bg-light);padding:.5rem 1rem;border-radius:6px;font-size:.875rem;color:var(--text-medium);font-weight:500}.portfolio-links{display:flex;gap:1rem;flex-wrap:wrap}.portfolio-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:color .3s}.portfolio-link:hover{color:var(--primary-dark)}.technologies{background:var(--bg-light)}.tech-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.tech-category{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-sm)}.tech-category h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-dark)}.tech-tags{display:flex;flex-wrap:wrap;gap:.75rem}.contact{background:var(--bg-white)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.contact-info h3{font-size:1.75rem;margin-bottom:2rem;color:var(--text-dark)}.contact-item{display:flex;gap:1rem;margin-bottom:2rem}.contact-icon{font-size:2rem;width:50px;flex-shrink:0}.contact-item h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--text-dark)}.contact-item a{color:var(--primary-color);text-decoration:none;transition:color .3s}.contact-item a:hover{color:var(--primary-dark)}.contact-cta{background:var(--bg-light);padding:2rem;border-radius:12px;text-align:center;margin-top:2rem}.contact-cta p{font-size:1.125rem;margin-bottom:1rem;color:var(--text-medium)}.contact-form{background:var(--bg-light);padding:2rem;border-radius:16px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color)}.form-group textarea{resize:vertical}.footer{background:var(--bg-dark);color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:3rem;margin-bottom:2rem}.footer-brand p{margin-top:1rem;opacity:.8}.footer-tagline{font-size:.9rem;opacity:.6}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{margin-bottom:1rem;font-size:1.125rem}.footer-column a{display:block;color:rgba(255,255,255,.7);text-decoration:none;margin-bottom:.5rem;transition:color .3s}.footer-column a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;text-align:center;opacity:.7}.footer-credit{font-size:.9rem;margin-top:.5rem;opacity:.6}@media (max-width:968px){.hero{padding:3rem 0;min-height:auto}.hero-content{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-text{order:1}.hero-image{order:2;max-width:500px;margin:0 auto}.hero-image>img{width:100%}.hero h1{font-size:2.5rem;line-height:1.3}.hero-subtitle{font-size:1.125rem;line-height:1.6}.hero-buttons{justify-content:center}.code-animation{padding:1.5rem;min-height:150px}.about-content{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.tech-categories{grid-template-columns:1fr}.contact-cards{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.expertise-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:2rem 0}.hero h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}.code-animation{padding:1rem;min-height:120px}.code-line{height:16px;margin-bottom:.75rem}.btn{padding:.75rem 1.5rem;font-size:.9375rem}.nav-links{display:none}.section-header h2{font-size:2rem}.footer-links{grid-template-columns:1fr}section{padding:3rem 0}.section-header{margin-bottom:2.5rem}}@media (max-width:480px){.hero h1{font-size:1.75rem}.hero-image>img{order:2;margin:0 auto;width:100%}.hero-subtitle{font-size:.9375rem}.container{padding:0 16px}.code-animation{padding:.75rem;min-height:100px}.code-line{height:12px;margin-bottom:.5rem}}