:root{--primary:#3d32c2;--primary-light:#5046e5;--secondary:#17bbfc;--bg-dark:#0a0a0f;--bg-card:#12121a;--bg-card-hover:#1a1a25;--text-primary:#ffffff;--text-secondary:#a0a0b0;--text-muted:#6b6b7b;--border-color:#2a2a3a;--gradient-primary:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);--shadow-card:0 4px 20px rgba(0, 0, 0, 0.3);--shadow-hover:0 8px 30px rgba(61, 50, 194, 0.2);--transition:all 0.3s ease;--font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}[data-theme="light"]{--bg-dark:#f5f5f7;--bg-card:#ffffff;--bg-card-hover:#f0f0f2;--text-primary:#1a1a2e;--text-secondary:#4a4a5a;--text-muted:#7a7a8a;--border-color:#e0e0e5;--shadow-card:0 4px 20px rgba(0, 0, 0, 0.08);--shadow-hover:0 8px 30px rgba(61, 50, 194, 0.15);}[data-theme="light"] .navbar{background:rgba(245, 245, 247, 0.8);}[data-theme="light"] .navbar.scrolled{background:rgba(245, 245, 247, 0.95);}[data-theme="light"] .nav-menu{background:rgba(245, 245, 247, 0.98);}[data-theme="light"] .hero::before{background:radial-gradient(circle at 30% 20%, rgba(61, 50, 194, 0.08) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(23, 187, 252, 0.05) 0%, transparent 50%);}[data-theme="light"] .projects,[data-theme="light"] .blog{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-card) 50%, var(--bg-dark) 100%);}[data-theme="light"] .timeline-year::before{border-color:var(--bg-dark);}*, *::before, *::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;overflow-x:hidden;}a{text-decoration:none;color:inherit;transition:var(--transition);}ul{list-style:none;}img{max-width:100%;height:auto;}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10, 10, 15, 0.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:var(--transition);}.navbar.scrolled{background:rgba(10, 10, 15, 0.95);}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);}.nav-logo span{color:var(--primary);}.nav-menu{display:flex;gap:2rem;}.nav-link{font-size:0.9rem;font-weight:500;color:var(--text-secondary);position:relative;padding:0.5rem 0;}.nav-link:hover,.nav-link.active{color:var(--text-primary);}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-primary);transition:var(--transition);}.nav-link:hover::after,.nav-link.active::after{width:100%;}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:0.5rem;}.bar{width:25px;height:3px;background:var(--text-primary);border-radius:2px;transition:var(--transition);}.hamburger.active .bar:nth-child(1){transform:rotate(45deg) translate(5px, 6px);}.hamburger.active .bar:nth-child(2){opacity:0;}.hamburger.active .bar:nth-child(3){transform:rotate(-45deg) translate(5px, -6px);}.theme-toggle{width:44px;height:44px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition);margin-left:1rem;}.theme-toggle:hover{background:var(--primary);border-color:var(--primary);}.theme-toggle:hover svg{color:white;}.theme-toggle svg{width:20px;height:20px;color:var(--text-secondary);transition:var(--transition);}.theme-toggle .sun-icon{display:none;}.theme-toggle .moon-icon{display:block;}[data-theme="light"] .theme-toggle .sun-icon{display:block;}[data-theme="light"] .theme-toggle .moon-icon{display:none;}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:8rem 1.5rem 4rem;position:relative;overflow:hidden;}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%, rgba(61, 50, 194, 0.15) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(23, 187, 252, 0.1) 0%, transparent 50%);pointer-events:none;}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1;}.hero-content{animation:fadeInUp 0.8s ease;}.hero-greeting{display:inline-block;font-size:1rem;color:var(--secondary);font-weight:600;margin-bottom:1rem;padding:0.5rem 1rem;background:rgba(23, 187, 252, 0.1);border:1px solid rgba(23, 187, 252, 0.3);border-radius:50px;letter-spacing:0.5px;}.hero-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:800;line-height:1.1;margin-bottom:0.75rem;background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-primary) 50%, var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-title .accent{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero-subtitle{font-size:clamp(1.2rem, 2.5vw, 1.8rem);font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:inline-block;}.hero-description{font-size:1.15rem;color:var(--text-secondary);max-width:520px;margin-bottom:2rem;line-height:1.9;font-weight:400;}.hero-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;}.hero-socials{display:flex;gap:1rem;}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);}.social-link:hover{background:var(--primary);border-color:var(--primary);color:var(--text-primary);transform:translateY(-3px);}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeIn 1s ease 0.3s both;}.hero-blob{position:absolute;width:400px;height:400px;background:var(--gradient-primary);border-radius:50%;filter:blur(80px);opacity:0.3;animation:blobPulse 8s ease-in-out infinite;}.hero-avatar{width:300px;height:300px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 60px rgba(61, 50, 194, 0.4);padding:5px;overflow:hidden;}.hero-avatar::before{content:'';position:absolute;inset:0;border-radius:50%;padding:4px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center 20%;border-radius:50%;}.hero-avatar::after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at center, transparent 50%, rgba(10, 10, 15, 0.85) 85%, rgba(10, 10, 15, 1) 100%);pointer-events:none;z-index:1;}[data-theme="light"] .hero-avatar::after{background:radial-gradient(circle at center, transparent 50%, rgba(245, 245, 247, 0.7) 85%, rgba(245, 245, 247, 0.95) 100%);}.avatar-initials{font-size:5rem;font-weight:800;color:white;text-shadow:0 2px 10px rgba(0, 0, 0, 0.3);}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;color:var(--text-muted);font-size:0.85rem;animation:bounce 2s infinite;}.scroll-arrow{width:20px;height:20px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.9rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:var(--transition);}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 15px rgba(61, 50, 194, 0.4);}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(61, 50, 194, 0.5);}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color);}.btn-secondary:hover{border-color:var(--primary);background:rgba(61, 50, 194, 0.1);}.btn-full{width:100%;}.section{padding:6rem 1.5rem;position:relative;}.section-title{font-size:clamp(2rem, 4vw, 2.5rem);font-weight:700;text-align:center;margin-bottom:0.5rem;}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;}.about-content{max-width:800px;margin:0 auto;}.about-text p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:1.5rem;line-height:1.9;}.about-text p strong{color:var(--text-primary);font-weight:600;background:linear-gradient(120deg, rgba(61, 50, 194, 0.15) 0%, rgba(23, 187, 252, 0.15) 100%);padding:0.1rem 0.4rem;border-radius:4px;}.about-intro{font-size:1.35rem !important;color:var(--text-primary) !important;font-weight:500 !important;border-left:3px solid var(--primary);padding-left:1.25rem;margin-left:0;}.about-intro strong{color:var(--primary);font-weight:700;}.about-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color);}.stat{text-align:center;}.stat-number{display:block;font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.stat-label{color:var(--text-secondary);font-size:0.9rem;margin-top:0.5rem;display:block;}.projects{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-card) 50%, var(--bg-dark) 100%);}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:1.5rem;}.project-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:var(--transition);}.project-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:var(--shadow-hover);}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;}.project-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(61, 50, 194, 0.15);border-radius:12px;color:var(--primary);}.project-date{font-size:0.8rem;color:var(--text-muted);}.project-title{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-primary);}.project-org{font-size:0.9rem;color:var(--secondary);margin-bottom:0.75rem;}.project-description{color:var(--text-secondary);font-size:0.95rem;line-height:1.6;margin-bottom:1rem;}.project-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}.tag{padding:0.35rem 0.75rem;background:rgba(61, 50, 194, 0.1);border:1px solid rgba(61, 50, 194, 0.3);border-radius:20px;font-size:0.8rem;color:var(--primary-light);}.project-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--secondary);font-size:0.9rem;font-weight:500;}.project-link:hover{color:var(--text-primary);}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem;}.skill-category{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:var(--transition);}.skill-category:hover{border-color:var(--primary);}.skill-category-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--secondary);}.skill-items{display:flex;flex-wrap:wrap;gap:0.5rem;}.skill-item{padding:0.5rem 1rem;background:rgba(255, 255, 255, 0.05);border-radius:8px;font-size:0.9rem;color:var(--text-secondary);transition:var(--transition);}.skill-item:hover{background:rgba(61, 50, 194, 0.2);color:var(--text-primary);}.blog{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-card) 50%, var(--bg-dark) 100%);}.blog-timeline{max-width:900px;margin:0 auto;position:relative;padding-left:2rem;}.blog-timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);}.timeline-year{margin-bottom:1.5rem;position:relative;}.timeline-year::before{content:'';position:absolute;left:-2.35rem;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--primary);border-radius:50%;border:3px solid var(--bg-dark);}.year-label{font-size:1.8rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.timeline-month{margin:1.5rem 0 1rem;position:relative;}.timeline-month::before{content:'';position:absolute;left:-2.2rem;top:50%;transform:translateY(-50%);width:8px;height:8px;background:var(--secondary);border-radius:50%;}.month-label{font-size:1rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:1px;}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;display:flex;gap:1.5rem;transition:var(--transition);position:relative;}.blog-card::before{content:'';position:absolute;left:-2.1rem;top:1.8rem;width:6px;height:6px;background:var(--text-muted);border-radius:50%;}.blog-card:hover{transform:translateX(5px);border-color:var(--primary);box-shadow:var(--shadow-hover);}.blog-card.featured{border-color:var(--secondary);background:linear-gradient(135deg, rgba(61, 50, 194, 0.1) 0%, rgba(23, 187, 252, 0.1) 100%);}.blog-date{min-width:60px;text-align:center;padding:0.5rem;background:rgba(61, 50, 194, 0.1);border-radius:8px;height:fit-content;}.date-day{display:block;font-size:0.9rem;font-weight:700;color:var(--primary-light);}.date-month{display:block;font-size:0.75rem;color:var(--text-muted);}.blog-content{flex:1;}.blog-category{display:inline-block;padding:0.25rem 0.75rem;background:rgba(23, 187, 252, 0.15);border-radius:20px;font-size:0.75rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:0.75rem;}.blog-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:0.75rem;line-height:1.4;}.blog-excerpt{color:var(--text-secondary);font-size:0.95rem;line-height:1.7;margin-bottom:1rem;}.blog-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem;}.blog-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--secondary);font-size:0.9rem;font-weight:500;transition:var(--transition);}.blog-link:hover{color:var(--text-primary);}.blog-images{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:0.75rem;margin:1rem 0;}.blog-images img{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);transition:var(--transition);cursor:pointer;}.blog-images img:hover{transform:scale(1.02);border-color:var(--primary);}.blog-embed{margin:1rem 0;border-radius:8px;overflow:hidden;}.blog-embed iframe{width:100%;min-height:500px;border:1px solid var(--border-color);border-radius:8px;}.blog-image-full{margin:1rem 0;}.blog-image-full img{width:100%;height:auto;border-radius:8px;border:1px solid var(--border-color);}.blog-cta{text-align:center;margin-top:3rem;}.blog-cta .btn{display:inline-flex;align-items:center;gap:0.5rem;}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1000px;margin:0 auto;}.contact-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.8;}.contact-links{display:flex;flex-direction:column;gap:1rem;}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);}.contact-link:hover{border-color:var(--primary);color:var(--text-primary);background:var(--bg-card-hover);}.contact-link svg{color:var(--primary);}.contact-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2rem;}.form-group{margin-bottom:1.5rem;}.form-group label{display:block;font-size:0.9rem;font-weight:500;margin-bottom:0.5rem;color:var(--text-secondary);}.form-group input,.form-group textarea{width:100%;padding:0.9rem 1rem;background:var(--bg-dark);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:var(--transition);}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(61, 50, 194, 0.2);}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);}.form-group textarea{resize:vertical;min-height:120px;}.footer{background:var(--bg-card);border-top:1px solid var(--border-color);padding:3rem 1.5rem 2rem;}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--border-color);}.footer-logo{font-size:1.3rem;font-weight:700;color:var(--text-primary);}.footer-logo span{color:var(--primary);}.footer-tagline{color:var(--text-muted);font-size:0.9rem;margin-top:0.25rem;}.footer-socials{display:flex;gap:1rem;}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:1.5rem;text-align:center;color:var(--text-muted);font-size:0.9rem;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes blobPulse{0%, 100%{transform:scale(1);}50%{transform:scale(1.1);}}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-10px);}60%{transform:translateX(-50%) translateY(-5px);}}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.6s ease, transform 0.6s ease;}.fade-in.visible{opacity:1;transform:translateY(0);}@media (max-width:992px){.hero-container{grid-template-columns:1fr;text-align:center;gap:3rem;}.hero-content{order:2;}.hero-visual{order:1;}.hero-description{margin:0 auto 2rem;}.hero-buttons{justify-content:center;}.hero-socials{justify-content:center;}.hero-avatar{width:220px;height:220px;}.contact-content{grid-template-columns:1fr;gap:2rem;}}@media (max-width:768px){.nav-menu{position:fixed;top:70px;left:0;right:0;background:rgba(10, 10, 15, 0.98);flex-direction:column;padding:2rem;gap:1rem;transform:translateY(-150%);transition:var(--transition);border-bottom:1px solid var(--border-color);}.nav-menu.active{transform:translateY(0);}.hamburger{display:flex;}.hero{padding:6rem 1.5rem 3rem;}.hero-title{font-size:2.2rem;}.hero-subtitle{font-size:1.2rem;}.hero-blob{width:250px;height:250px;}.about-stats{grid-template-columns:1fr;gap:1.5rem;}.projects-grid{grid-template-columns:1fr;}.blog-timeline{padding-left:1.5rem;}.blog-card{flex-direction:column;gap:1rem;}.blog-date{display:flex;gap:0.5rem;width:fit-content;}.timeline-year::before{left:-1.85rem;}.timeline-month::before{left:-1.7rem;}.blog-card::before{left:-1.6rem;}.footer-content{flex-direction:column;gap:1.5rem;text-align:center;}.section{padding:4rem 1rem;}.scroll-indicator{display:none;}}@media (max-width:480px){.hero-buttons{flex-direction:column;width:100%;}.btn{width:100%;}.hero-avatar{width:180px;height:180px;}.stat-number{font-size:2rem;}.blog-timeline{padding-left:1rem;}.blog-timeline::before{display:none;}.timeline-year::before, .timeline-month::before, .blog-card::before{display:none;}.blog-title{font-size:1.1rem;}.blog-excerpt{font-size:0.9rem;}}