:root{--primary:#1e3a8a;--primary-dark:#1e40af;--primary-light:#1e3a8a14;--accent:#3b82f6;--success:#10b981;--text-primary:#0f172a;--text-secondary:#6b7280;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f8fafc;--border:#e5e7eb;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Space Grotesk", var(--font-sans);--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--transition:.2s ease;--transition-slow:.3s ease;--radius:.5rem;--radius-lg:1rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-primary);line-height:1.6}.section{padding:var(--space-xl) 0;animation:.6s ease-out fadeInUp}.section-header{margin-bottom:var(--space-lg)}.section-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin:0;font-size:1.125rem}.hero{padding:var(--space-xl) 0;background:linear-gradient(135deg,#1e3a8a0a,#f8fafc00);align-items:center;display:flex}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--space-md);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.text-gradient{color:var(--primary);font-weight:800}.title-muted{color:var(--text-secondary)}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.25rem}.hero-cta{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.hero-social{justify-content:center;gap:var(--space-md);display:flex}.social-link{background:var(--bg-secondary);width:50px;height:50px;color:var(--text-secondary);transition:var(--transition);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius);transition:var(--transition);border:none;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.btn-outline-primary{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline-primary:hover{background:var(--primary);color:#fff}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.about-content{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--border);height:100%}.about-content .lead{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:1.125rem}.about-content p{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.about-content p:last-child{margin-bottom:0}.stats-row{gap:var(--space-lg);justify-content:space-between;display:flex}.stat-item{text-align:center;flex:1}.stat-number{font-family:var(--font-display);color:var(--primary);margin-bottom:.25rem;font-size:2rem;font-weight:700}.stat-label{color:var(--text-light);margin:0;font-size:.875rem}.profile-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center;border:1px solid var(--border);flex-direction:column;justify-content:center;height:100%;display:flex}.profile-image-wrapper{margin-bottom:var(--space-md)}.profile-image{border:4px solid var(--primary);object-fit:cover;border-radius:50%;width:120px;height:120px}.profile-info h3{font-family:var(--font-display);margin-bottom:.5rem;font-weight:600}.contact-info{text-align:left;margin-top:var(--space-md)}.contact-info p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.9rem}.bg-light{background:var(--bg-secondary)}.services-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.service-card{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);transition:var(--transition);text-align:center;background:#fff}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-4px)}.service-icon{background:var(--primary);width:60px;height:60px;margin:0 auto var(--space-md);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.service-card h4{font-family:var(--font-display);margin-bottom:var(--space-sm);color:var(--text-primary);font-weight:600}.service-card p{color:var(--text-secondary);margin:0;font-size:.95rem}.skills-container{max-width:600px;margin:0 auto}.skill-item{margin-bottom:var(--space-md)}.skill-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill-name{color:var(--text-primary);align-items:center;font-weight:600;display:flex}.skill-percentage{color:var(--primary);font-size:.9rem;font-weight:600}.skill-bar{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.skill-progress{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:4px;width:0%;height:100%;transition:width 1.5s ease-out}.tech-stack{text-align:center}.tech-badges{gap:var(--space-xs);flex-wrap:wrap;justify-content:center;display:flex}.tech-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius);transition:var(--transition);border:1px solid #0000;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.tech-badge:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.contact-card{padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);text-align:center;transition:var(--transition);background:#fff;height:100%}.contact-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-icon{background:var(--primary);width:60px;height:60px;margin:0 auto var(--space-md);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.contact-card h4{font-family:var(--font-display);margin-bottom:var(--space-sm);font-weight:600}.contact-card p{color:var(--text-secondary);margin-bottom:var(--space-md)}.availability-notice{border-radius:var(--radius-lg);padding:var(--space-lg);background:linear-gradient(135deg,#10b98114,#1e3a8a0a);border:1px solid #10b98133}.notice-content{text-align:left;align-items:center;display:flex}.notice-content h5{margin-bottom:.5rem;font-weight:600}.notice-content p{color:var(--text-secondary);margin:0}.footer{background:var(--text-primary);color:#fff;padding:var(--space-lg) 0}.footer-content{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.footer-links{gap:var(--space-lg);display:flex}.footer-links a{color:#fffc;transition:var(--transition);text-decoration:none}.footer-links a:hover{color:#fff}.floating-contact{z-index:1000;position:fixed;bottom:30px;right:30px}.floating-btn{background:var(--primary);color:#fff;width:60px;height:60px;box-shadow:var(--shadow-lg);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;display:flex}.floating-btn:hover{color:#fff;transform:translateY(-3px)scale(1.05);box-shadow:0 15px 30px #1e3a8a59}.back-to-top{background:var(--bg-secondary);width:50px;height:50px;color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:var(--transition);opacity:0;visibility:hidden;z-index:1000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;left:30px}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (width<=768px){.section-title{font-size:2rem}.hero-title{font-size:2.5rem}.about-content,.profile-card{margin-bottom:var(--space-md);height:auto}.floating-contact{bottom:20px;right:20px}.floating-btn{width:55px;height:55px;font-size:1.1rem}.back-to-top{width:45px;height:45px;bottom:20px;left:20px}.stats-row{gap:var(--space-md);flex-direction:column}.services-grid{grid-template-columns:1fr}.hero-cta{justify-content:center;align-items:center;gap:var(--space-sm);flex-direction:column}.btn{justify-content:center;width:100%;max-width:250px}.footer-content{text-align:center;flex-direction:column}.notice-content{text-align:center;gap:var(--space-sm);flex-direction:column}.hero-content{text-align:center}}@media (width<=576px){.section,.hero{padding:var(--space-lg) 0}.service-card,.contact-card,.profile-card{padding:var(--space-md)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-muted{color:var(--text-light)}.min-vh-100{min-height:100vh}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn:focus,.nav-link:focus,.social-link:focus{outline:2px solid var(--primary);outline-offset:2px}