@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #8B5CF6;--primary-light: #A78BFA;--primary-dark: #7C3AED;--primary-glow: rgba(139, 92, 246, .4);--accent: #06B6D4;--accent-light: #22D3EE;--accent-glow: rgba(6, 182, 212, .4);--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F4F4F5;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #A1A1AA;--border: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--shadow: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px}[data-theme=dark]{--bg-primary: #09090B;--bg-secondary: #18181B;--bg-tertiary: #27272A;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--border: rgba(255, 255, 255, .08);--glass-bg: rgba(24, 24, 27, .8);--glass-border: rgba(255, 255, 255, .1);--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none;outline:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--text-secondary)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-4xl) 0}.section-title{text-align:center;margin-bottom:var(--space-3xl)}.section-title h2{margin-bottom:var(--space-md);background:linear-gradient(135deg,var(--text-primary) 0%,var(--primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title p{max-width:600px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-base);transition:all var(--transition-base)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 20px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-glow)}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--primary);color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow);transition:all var(--transition-base)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px var(--shadow-lg)}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.badge-primary{background:linear-gradient(135deg,var(--primary-glow) 0%,var(--accent-glow) 100%);color:var(--primary)}.input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.input-group label{font-weight:500;color:var(--text-primary)}.input,.textarea{width:100%;padding:var(--space-md);background:var(--glass-bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.textarea{min-height:150px;resize:vertical}@media(max-width:1024px){:root{--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem}.section{padding:var(--space-3xl) 0}}@media(max-width:768px){:root{--text-4xl: 1.875rem;--text-5xl: 2rem;--text-6xl: 2.5rem;--text-7xl: 3rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}}@media(max-width:480px){:root{--text-3xl: 1.5rem;--text-4xl: 1.75rem;--text-5xl: 1.875rem;--text-6xl: 2rem;--text-7xl: 2.25rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--primary-glow)}50%{box-shadow:0 0 40px var(--primary-glow),0 0 60px var(--accent-glow)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md) 0;transition:all var(--transition-base)}.navbar.scrolled{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.navbar-container{display:flex;align-items:center;justify-content:space-between}.navbar-logo{display:flex;align-items:center;font-size:var(--text-xl);font-weight:700}.logo-text{color:var(--text-primary)}.logo-dot{color:var(--primary);font-size:var(--text-2xl)}.navbar-nav{display:flex;align-items:center;gap:var(--space-sm)}.nav-link{position:relative;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--primary)}.nav-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--primary);border-radius:var(--radius-full)}.navbar-actions{display:flex;align-items:center;gap:var(--space-md)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--glass-bg);border-radius:var(--radius-md);color:var(--text-primary);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.navbar-cta{padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm)}.floating-buy-btn{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50px;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 4px 20px #10b98166,0 0 40px #10b98133;animation:floatPulse 2s ease-in-out infinite;transition:all .3s ease;text-decoration:none}.floating-buy-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 30px #10b98199,0 0 60px #10b98166;transform:translateY(-3px)}.buy-icon{font-size:18px}.buy-text{font-weight:800}.buy-price{background:#fff3;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}@keyframes floatPulse{0%,to{box-shadow:0 4px 20px #10b98166,0 0 40px #10b98133}50%{box-shadow:0 6px 30px #10b98199,0 0 60px #10b98166}}@media(max-width:768px){.floating-buy-btn{top:auto;bottom:20px;right:20px;padding:10px 18px;font-size:12px}.buy-price{display:none}}.mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;color:var(--text-primary)}.mobile-menu{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);overflow:hidden}.mobile-nav{display:flex;flex-direction:column;padding:var(--space-lg)}.mobile-nav-link{display:block;padding:var(--space-md);font-size:var(--text-lg);font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{color:var(--primary);background:var(--bg-tertiary)}@media(max-width:1024px){.desktop-nav,.navbar-cta{display:none}.mobile-menu-toggle{display:flex}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3xl);margin-bottom:var(--space-2xl)}.footer-brand{max-width:300px}.footer-logo{display:inline-flex;align-items:center;font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-md)}.footer-tagline{color:var(--text-secondary);line-height:1.6}.footer-links h4,.footer-social h4{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--space-lg)}.footer-links nav{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:var(--text-secondary);font-size:var(--text-base);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--primary)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid var(--border);text-align:center}.footer-bottom p{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--text-secondary);font-size:var(--text-sm)}.heart-icon{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-2xl);text-align:center}.footer-brand{max-width:none}.footer-logo,.social-links{justify-content:center}}.parallax-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:-1}.parallax-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;transition:transform .15s ease-out}.orb-1{width:600px;height:600px;top:-200px;right:-100px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);animation:float 20s ease-in-out infinite}.orb-2{width:400px;height:400px;bottom:-100px;left:-100px;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);animation:float 15s ease-in-out infinite reverse}.orb-3{width:300px;height:300px;top:40%;left:50%;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-dark) 100%);animation:float 18s ease-in-out infinite;animation-delay:-5s}.parallax-shape{position:absolute;border:2px solid var(--primary);opacity:.2;transition:transform .15s ease-out}.shape-1{width:100px;height:100px;top:20%;left:10%;border-radius:var(--radius-lg);transform:rotate(45deg);animation:float 12s ease-in-out infinite}.shape-2{width:60px;height:60px;top:60%;right:15%;border-radius:50%;animation:float 10s ease-in-out infinite reverse}.shape-3{width:80px;height:80px;bottom:20%;left:30%;border-radius:var(--radius-md);animation:float 14s ease-in-out infinite;animation-delay:-3s}.parallax-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.3}.parallax-noise{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}@media(max-width:768px){.orb-1{width:400px;height:400px}.orb-2{width:250px;height:250px}.orb-3{width:200px;height:200px}}.home-page{min-height:100vh}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;padding:var(--space-4xl) 0}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.hero-content{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-badge{display:inline-block}.hero-title{font-size:var(--text-6xl);font-weight:800;line-height:1.1}.hero-subtitle{display:block;color:var(--text-secondary);font-weight:600}.hero-description{font-size:var(--text-lg);line-height:1.7;max-width:500px;color:var(--text-secondary)}.hero-actions{display:flex;gap:var(--space-md);margin-top:var(--space-md)}.hero-social{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);transition:all var(--transition-fast)}.social-icon:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.hero-visual{display:flex;justify-content:center}.hero-image-wrapper{position:relative;width:400px;height:480px}.hero-image-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:var(--primary);filter:blur(100px);opacity:.4;border-radius:50%}.hero-image{position:relative;width:100%;height:100%;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border)}.hero-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-muted);font-size:var(--text-lg)}.hero-floating-card{position:absolute;padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;align-items:center;animation:float 6s ease-in-out infinite}.card-1{top:60px;right:-40px;animation-delay:0s}.card-2{bottom:80px;left:-40px;animation-delay:-3s}.card-number{font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.card-label{font-size:var(--text-sm);color:var(--text-secondary)}.quick-stats{padding:var(--space-4xl) 0;background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.stat-item{text-align:center;padding:var(--space-xl)}.stat-number{display:block;font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-sm)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}@media(max-width:1024px){.hero .container{grid-template-columns:1fr;text-align:center}.hero-content{align-items:center}.hero-description{max-width:600px}.hero-actions,.hero-social{justify-content:center}.hero-visual{order:-1}.hero-image-wrapper{width:300px;height:360px}.card-1{right:-20px}.card-2{left:-20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero-title{font-size:var(--text-4xl)}.hero-actions{flex-direction:column;width:100%;max-width:300px}.hero-actions .btn{width:100%;justify-content:center}.hero-image-wrapper{width:250px;height:300px}.hero-floating-card{display:none}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-md)}.stat-item{padding:var(--space-md)}.stat-number{font-size:var(--text-3xl)}}.about-page{padding-bottom:var(--space-4xl)}.about-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-4xl);align-items:center}.about-image-wrapper{position:relative}.about-image{position:relative;width:100%;aspect-ratio:4/5;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-tertiary);border:1px solid var(--border);z-index:1}.about-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-muted);font-size:var(--text-lg)}.about-image-decoration{position:absolute;inset:20px -20px -20px 20px;border:2px solid var(--primary);border-radius:var(--radius-xl);opacity:.3}.about-content{display:flex;flex-direction:column;gap:var(--space-lg)}.section-label{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--primary-glow);color:var(--primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);width:fit-content}.about-content h1{font-size:var(--text-4xl);line-height:1.2}.about-bio{font-size:var(--text-base);line-height:1.8;color:var(--text-secondary)}.about-info{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg) 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.info-item{display:flex;align-items:center;gap:var(--space-md);color:var(--text-secondary)}.info-icon{color:var(--primary);font-size:var(--text-lg)}.about-actions{margin-top:var(--space-md)}.what-i-do{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.service-card{padding:var(--space-xl);text-align:center}.service-icon{display:block;font-size:3rem;margin-bottom:var(--space-lg)}.service-card h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.service-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.fact-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base)}.fact-card:hover{transform:translateY(-4px);border-color:var(--primary)}.fact-emoji{font-size:2.5rem;margin-bottom:var(--space-md)}.fact-value{font-size:var(--text-3xl);font-weight:800}.fact-label{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-xs)}@media(max-width:1024px){.about-hero{grid-template-columns:1fr;text-align:center;gap:var(--space-2xl)}.about-image-wrapper{max-width:350px;margin:0 auto}.about-content,.about-info{align-items:center}.services-grid,.facts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-grid,.facts-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.skills-page{padding-bottom:var(--space-4xl)}.tech-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md);margin-top:var(--space-2xl)}.tech-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-secondary);transition:all var(--transition-base);cursor:pointer;min-width:100px}.tech-item:hover{border-color:var(--primary);color:var(--primary);box-shadow:0 4px 20px var(--primary-glow)}.tech-item span{font-size:var(--text-sm);font-weight:500}.skills-detail{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.skills-tabs{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.skill-tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all var(--transition-base)}.skill-tab:hover{color:var(--primary)}.skill-tab.active{background:var(--primary);color:#fff}.skills-content{max-width:700px;margin:0 auto;padding:var(--space-2xl)}.skills-header h3{margin-bottom:var(--space-xl);text-align:center}.skills-list{display:flex;flex-direction:column;gap:var(--space-lg)}.skill-item{display:flex;flex-direction:column;gap:var(--space-sm)}.skill-info{display:flex;justify-content:space-between}.skill-name{font-weight:500;color:var(--text-primary)}.skill-level{color:var(--primary);font-weight:600}.skill-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.skill-progress{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-full)}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.level-card{text-align:center;padding:var(--space-2xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.level-card:hover{transform:translateY(-4px);border-color:var(--primary)}.level-years{display:block;font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-sm)}.level-label{font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:1024px){.skills-tabs{flex-wrap:wrap}.level-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tech-grid{gap:var(--space-sm)}.tech-item{padding:var(--space-md);min-width:80px}.skill-tab{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.skills-content{padding:var(--space-lg)}}@media(max-width:480px){.level-grid{grid-template-columns:1fr 1fr}.level-card{padding:var(--space-lg)}.level-years{font-size:var(--text-3xl)}}.projects-page{padding-bottom:var(--space-4xl)}.projects-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-2xl)}.filter-btn{padding:var(--space-sm) var(--space-lg);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-secondary);font-weight:500;transition:all var(--transition-base)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.project-card{cursor:pointer;overflow:hidden;padding:0}.project-card.featured{grid-column:span 2}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden}.project-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-muted)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 50%);display:flex;align-items:flex-end;padding:var(--space-md);opacity:0;transition:opacity var(--transition-base)}.project-card:hover .project-overlay{opacity:1}.project-category{padding:var(--space-xs) var(--space-sm);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.project-content{padding:var(--space-lg)}.project-content h3{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.project-content p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.project-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal{position:relative;width:100%;max-width:800px;max-height:90vh;overflow:auto;padding:0}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);z-index:10;transition:all var(--transition-fast)}.modal-close:hover{background:var(--primary);color:#fff}.modal-image{aspect-ratio:16/9}.modal-content{padding:var(--space-xl)}.modal-content h2{margin:var(--space-md) 0}.modal-content p{margin-bottom:var(--space-lg);line-height:1.8}.modal-tech{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.modal-tech .tech-tag{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}.modal-actions{display:flex;gap:var(--space-md)}@media(max-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card.featured{grid-column:span 2}}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card.featured{grid-column:span 1}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%;justify-content:center}}.services-page{padding-bottom:var(--space-4xl)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.service-card{position:relative;padding:var(--space-xl);display:flex;flex-direction:column;height:100%}.service-card.popular{border-color:var(--primary);box-shadow:0 0 30px var(--primary-glow)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-xs) var(--space-md);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.service-icon{font-size:2.5rem;margin-bottom:var(--space-lg)}.service-card h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}.service-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.service-features{flex:1;margin-bottom:var(--space-xl)}.service-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--text-secondary)}.check-icon{color:var(--primary);flex-shrink:0}.service-footer{display:flex;flex-direction:column;gap:var(--space-md);padding-top:var(--space-lg);border-top:1px solid var(--border)}.service-price{font-size:var(--text-2xl);font-weight:700;color:var(--primary)}.service-footer .btn{width:100%;justify-content:center}.process-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-md)}.process-card{text-align:center;padding:var(--space-lg)}.process-step{display:inline-block;font-size:var(--text-3xl);font-weight:800;color:var(--primary);opacity:.5;margin-bottom:var(--space-md)}.process-card h4{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.process-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.cta-content{text-align:center;padding:var(--space-4xl)}.cta-content h2{margin-bottom:var(--space-md)}.cta-content p{max-width:500px;margin:0 auto var(--space-xl)}@media(max-width:1200px){.services-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.services-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.process-grid{grid-template-columns:repeat(2,1fr)}.cta-content{padding:var(--space-2xl)}}@media(max-width:480px){.process-grid{grid-template-columns:1fr}}.experience-page{padding-bottom:var(--space-4xl)}.timeline{position:relative;max-width:900px;margin:0 auto;padding:var(--space-2xl) 0}.timeline:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,var(--primary),var(--accent));opacity:.3}.timeline-item{position:relative;width:50%;padding:var(--space-lg)}.timeline-item.left{left:0;padding-right:var(--space-2xl)}.timeline-item.right{left:50%;padding-left:var(--space-2xl)}.timeline-marker{position:absolute;top:var(--space-xl);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;z-index:10;box-shadow:0 0 20px var(--primary-glow)}.timeline-item.left .timeline-marker{right:-22px}.timeline-item.right .timeline-marker{left:-22px}.timeline-content{padding:var(--space-xl)}.timeline-period{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--primary-glow);color:var(--primary);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.timeline-content h3{font-size:var(--text-xl);margin-bottom:var(--space-xs)}.timeline-company{display:block;color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-md)}.timeline-content p{font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-md)}.timeline-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tech-tag{padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-xs);border-radius:var(--radius-sm)}.achievements-section{background:var(--bg-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.achievement-card{display:flex;gap:var(--space-lg);padding:var(--space-xl)}.achievement-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-md);flex-shrink:0}.achievement-year{display:block;color:var(--primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-xs)}.achievement-content h4{font-size:var(--text-lg);margin-bottom:var(--space-sm)}.achievement-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.timeline:before{left:20px}.timeline-item{width:100%;left:0!important;padding-left:60px!important;padding-right:var(--space-md)!important}.timeline-marker{left:0!important;right:auto!important}.achievements-grid{grid-template-columns:1fr}}.contact-page{padding-bottom:var(--space-4xl)}.section-label{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--primary-glow);color:var(--primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--space-md)}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-3xl);align-items:start}.contact-info h3{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.contact-info>p{color:var(--text-secondary);margin-bottom:var(--space-2xl)}.info-list{display:flex;flex-direction:column;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.info-item{display:flex;gap:var(--space-md);align-items:flex-start}.info-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary);border-radius:var(--radius-md);flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:500}.info-content a,.info-content span{color:var(--text-primary);font-weight:500}.info-content a:hover{color:var(--primary)}.contact-social h4{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.1em}.social-links{display:flex;gap:var(--space-md)}.social-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.social-link:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.contact-form{padding:var(--space-2xl)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.contact-form .input-group{margin-bottom:var(--space-lg)}.submit-btn{width:100%;padding:var(--space-md) var(--space-xl);font-size:var(--text-base)}.loading{display:inline-flex;align-items:center;gap:var(--space-sm)}.success-message{margin-top:var(--space-lg);padding:var(--space-md);background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#22c55e;text-align:center;font-weight:500}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.contact-info{text-align:center}.info-list{align-items:center}.info-item{max-width:300px;text-align:left}.contact-social{display:flex;flex-direction:column;align-items:center}.social-links{justify-content:center}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.contact-form{padding:var(--space-lg)}}.not-found-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);position:relative;overflow:hidden}.not-found-content{text-align:center;position:relative;z-index:1}.not-found-number{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-2xl)}.number-4,.number-0 span{font-size:clamp(6rem,20vw,12rem);font-weight:800;line-height:1}.number-4{color:var(--text-primary);opacity:.3}.number-0{display:inline-block}.not-found-text{max-width:500px;margin:0 auto var(--space-2xl)}.not-found-text h1{font-size:var(--text-3xl);margin-bottom:var(--space-md)}.not-found-text p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7}.not-found-actions{display:flex;gap:var(--space-md);justify-content:center}.floating-elements{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-element{position:absolute;border-radius:var(--radius-md);opacity:.1}.element-1{width:60px;height:60px;background:var(--primary);top:10%;left:10%}.element-2{width:40px;height:40px;background:var(--accent);top:20%;right:15%;border-radius:50%}.element-3{width:80px;height:80px;background:var(--primary-light);bottom:15%;left:20%;border-radius:50%}.element-4{width:50px;height:50px;background:var(--accent);bottom:25%;right:10%}.element-5{width:30px;height:30px;background:var(--primary);top:50%;left:5%;border-radius:50%}.element-6{width:45px;height:45px;background:var(--primary-light);top:40%;right:5%}@media(max-width:768px){.not-found-actions{flex-direction:column;width:100%;max-width:280px;margin:0 auto}.not-found-actions .btn{width:100%;justify-content:center}}.blank-page{min-height:100vh;position:relative}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .2s ease}