.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:24px 32px;transition:var(--transition-smooth)}.navbar--scrolled{background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);padding:16px 32px;box-shadow:0 2px 20px #0000000f}.navbar__inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:2px}.navbar__logo-bracket{background:linear-gradient(135deg,#667eea,#e040fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:400}.navbar__links{display:flex;gap:4px}.navbar__link{position:relative;background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:8px 16px;cursor:pointer;transition:var(--transition-smooth);border-radius:8px}.navbar__link:hover,.navbar__link--active{color:var(--text-primary)}.navbar__link-indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--gradient-rainbow);background-size:300% 100%;border-radius:2px;animation:rainbow-shift 3s ease infinite;box-shadow:0 2px 8px #667eea4d}.navbar__mobile-toggle{display:none;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer;padding:4px}.navbar__mobile-menu{display:none;flex-direction:column;gap:4px;padding:16px 0;overflow:hidden}.navbar__mobile-link{background:none;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:1rem;font-weight:500;padding:12px 16px;cursor:pointer;text-align:left;border-radius:8px;transition:var(--transition-smooth)}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--text-primary);background:#667eea0f}@media(max-width:768px){.navbar__links{display:none}.navbar__mobile-toggle{display:block}.navbar__mobile-menu{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:100px 0 60px;background:linear-gradient(180deg,#f0f2ff,#f8f9fc,#fff)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(224,64,251,.07) 0%,transparent 50%),radial-gradient(ellipse at 60% 80%,rgba(0,180,216,.06) 0%,transparent 50%),radial-gradient(ellipse at 10% 80%,rgba(67,233,123,.05) 0%,transparent 50%);animation:mesh-drift 12s ease-in-out infinite alternate;z-index:0}@keyframes mesh-drift{0%{transform:scale(1) translate(0)}50%{transform:scale(1.05) translate(-20px,10px)}to{transform:scale(1) translate(10px,-10px)}}.hero__layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;width:100%}.hero__image{display:flex;align-items:center;justify-content:center}.hero__image img{max-width:100%;height:auto;max-height:380px;object-fit:contain;mask-image:radial-gradient(ellipse 85% 80% at center,black 40%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse 85% 80% at center,black 40%,transparent 72%)}.hero__image--left img{animation:float-gentle 6s ease-in-out infinite}.hero__image--right img{animation:float-gentle 6s ease-in-out infinite 1s}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.hero__content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.hero__label{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:20px;background:#667eea0f;border:1px solid rgba(102,126,234,.12);font-size:.85rem;color:var(--accent-1);margin-bottom:32px;font-weight:500;animation:border-glow 4s ease infinite}.hero__label-dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 8px #2ecc7180}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #2ecc7180;transform:scale(1)}50%{box-shadow:0 0 16px #2ecc71b3;transform:scale(1.2)}}.hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,7vw,4.5rem);font-weight:800;line-height:1.1;margin-bottom:20px;letter-spacing:-1px;color:var(--text-primary)}.hero__title .gradient-text{position:relative}.hero__title .gradient-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:var(--gradient-rainbow);background-size:300% 100%;animation:rainbow-shift 4s ease infinite;border-radius:2px}.hero__role-wrapper{font-family:var(--font-mono);font-size:clamp(1.2rem,3vw,1.8rem);margin-bottom:28px;min-height:2.5rem;display:flex;align-items:center;gap:4px}.hero__role-prefix{color:var(--text-muted)}.hero__role-text{background:linear-gradient(135deg,#667eea,#e040fb);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-shift 3s ease infinite}.hero__cursor{animation:typing-cursor 1s ease-in-out infinite;color:var(--accent-3);font-weight:300}.hero__description{font-size:1.1rem;color:var(--text-secondary);max-width:650px;line-height:1.7;margin-bottom:40px}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:80px}.hero__actions .btn-primary{animation:pulse-rainbow 3s ease infinite}.hero__scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text-muted);font-size:.8rem;letter-spacing:1px}.hero__scroll-mouse{width:24px;height:38px;border:2px solid var(--text-muted);border-radius:12px;display:flex;justify-content:center;padding-top:6px}.hero__scroll-dot{width:3px;height:8px;background:var(--gradient-primary);border-radius:2px;animation:float 1.5s ease-in-out infinite}.hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:1}.hero__shape{position:absolute;border-radius:50%;filter:blur(80px)}.hero__shape--1{width:500px;height:500px;background:#667eea;opacity:.08;top:-120px;right:-120px;animation:float 8s ease-in-out infinite}.hero__shape--2{width:400px;height:400px;background:#e040fb;opacity:.06;bottom:-80px;left:-80px;animation:float-reverse 10s ease-in-out infinite}.hero__shape--3{width:300px;height:300px;background:#00b4d8;opacity:.06;top:40%;left:15%;animation:float 12s ease-in-out infinite}.hero__shape--4{width:250px;height:250px;background:#43e97b;opacity:.05;top:15%;right:25%;animation:float-reverse 9s ease-in-out infinite}.hero__shape--5{width:350px;height:350px;background:#f39c12;opacity:.04;bottom:15%;right:5%;animation:float 11s ease-in-out infinite}@media(max-width:1024px){.hero__layout{grid-template-columns:1fr;text-align:center}.hero__image{display:none}}@media(max-width:768px){.hero{padding:100px 0 60px}.hero__actions{flex-direction:column;align-items:center;margin-bottom:40px}.hero__scroll-indicator{display:none}}.about{background:var(--bg-primary)}.about__quote-card{max-width:800px;margin:0 auto;padding:48px;text-align:left}.about__paragraph{font-size:1.1rem;line-height:1.85;color:var(--text-secondary);margin-bottom:20px}.about__paragraph:last-of-type{margin-bottom:32px}.about__inspiring-quote{font-size:1.25rem;font-style:italic;font-weight:500;line-height:1.7;color:var(--text-primary);padding:28px 32px;border-left:4px solid;border-image:var(--gradient-primary) 1;background:linear-gradient(135deg,#667eea0f,#764ba20a);border-radius:0 12px 12px 0;margin:0}@media(max-width:768px){.about__quote-card{padding:28px 24px}.about__paragraph{font-size:1rem}.about__inspiring-quote{font-size:1.1rem;padding:20px 24px}}.exp-timeline{display:flex;flex-direction:column;gap:0}.exp-card{display:flex;gap:24px}.exp-card__timeline{display:flex;flex-direction:column;align-items:center;position:relative;min-width:16px}.exp-card__line{width:2px;flex:1;background:linear-gradient(180deg,#667eea,#e040fb,#00b4d8,#43e97b);background-size:100% 400%;animation:gradient-shift 6s ease infinite;margin-top:4px}.exp-card__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;animation:pulse-rainbow 3s ease-in-out infinite}.exp-card:nth-child(1) .exp-card__dot{background:var(--gradient-primary)}.exp-card:nth-child(2) .exp-card__dot{background:var(--gradient-secondary);animation-delay:.5s}.exp-card:nth-child(3) .exp-card__dot{background:var(--gradient-accent);animation-delay:1s}.exp-card:nth-child(4) .exp-card__dot{background:var(--gradient-lime);animation-delay:1.5s}.exp-card:nth-child(5) .exp-card__dot{background:var(--gradient-warm);animation-delay:2s}.exp-card__content{padding-bottom:32px;flex:1;background:#ffffffe6}.exp-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:16px}.exp-card__company{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.exp-card__role{background:linear-gradient(135deg,#667eea,#e040fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:.95rem;font-weight:600;margin-top:2px}.exp-card__meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.exp-card__period{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.exp-card__location{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.exp-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.exp-card__highlights{list-style:none;padding:16px 0;display:flex;flex-direction:column;gap:8px}.exp-card__highlights li{font-size:.88rem;color:var(--text-secondary);padding-left:20px;position:relative;line-height:1.6}.exp-card__highlights li:before{content:"→";position:absolute;left:0;color:var(--accent-1);font-weight:700}.exp-card__highlights li:nth-child(3n+2):before{color:#e040fb}.exp-card__highlights li:nth-child(3n):before{color:#00b4d8}.exp-card__impact{padding:12px 16px;background:linear-gradient(135deg,#667eea0f,#e040fb0a);border-radius:8px;font-size:.88rem;color:var(--text-secondary);border-left:3px solid;border-image:var(--gradient-primary) 1}.exp-card__impact strong{color:var(--text-primary)}.exp-card__toggle{display:flex;align-items:center;gap:6px;background:none;border:none;padding:8px 0;font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--accent-1);cursor:pointer;transition:var(--transition-smooth)}.exp-card__toggle:hover{color:var(--accent-3)}@media(max-width:768px){.exp-card__header{flex-direction:column}.exp-card__meta{align-items:flex-start}}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skills__category{display:flex;flex-direction:column;gap:16px}.skills__category-title{font-family:var(--font-heading);font-size:1rem;font-weight:600;padding-bottom:10px;border-bottom:2px solid transparent;background-clip:text;-webkit-background-clip:text}.skills__category:nth-child(1) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-primary) 1}.skills__category:nth-child(2) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-secondary);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-secondary) 1}.skills__category:nth-child(3) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-accent);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-accent) 1}.skills__category:nth-child(4) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-lime);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-lime) 1}.skills__category:nth-child(5) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-warm);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-warm) 1}.skills__category:nth-child(6) .skills__category-title{color:transparent;-webkit-text-fill-color:transparent;background-image:var(--gradient-fire);background-clip:text;-webkit-background-clip:text;border-image:var(--gradient-fire) 1}.skills__items{display:flex;flex-wrap:wrap;gap:8px}.skills__item{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:10px;background:#fffc;border:1px solid rgba(0,0,0,.05);cursor:default;transition:var(--transition-smooth);box-shadow:0 1px 4px #0000000a}.skills__item:hover{background:#fff;border-color:#667eea33;box-shadow:0 4px 16px #667eea1a;transform:translateY(-2px)}.skills__item-icon{font-size:1.1rem;color:var(--accent-1);display:flex;align-items:center;transition:var(--transition-smooth)}.skills__item:hover .skills__item-icon{color:var(--accent-3);filter:drop-shadow(0 0 4px rgba(224,64,251,.3))}.skills__item-name{font-size:.82rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.skills__item:hover .skills__item-name{color:var(--text-primary)}.skills__item:nth-child(3n+1):hover .skills__item-icon{color:#00b4d8;filter:drop-shadow(0 0 4px rgba(0,180,216,.3))}.skills__item:nth-child(3n+2):hover .skills__item-icon{color:#e040fb;filter:drop-shadow(0 0 4px rgba(224,64,251,.3))}.skills__item:nth-child(3n):hover .skills__item-icon{color:#43e97b;filter:drop-shadow(0 0 4px rgba(67,233,123,.3))}@media(max-width:768px){.skills__grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.skills__grid{grid-template-columns:1fr}}.project-card__accent{height:4px;background:var(--gradient-rainbow);background-size:300% 100%;animation:rainbow-shift 4s ease infinite;border-radius:16px 16px 0 0;position:relative;overflow:hidden}.project-card__accent:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 3s ease-in-out infinite}.project-card .glass-card{padding:0;overflow:hidden;background:#ffffffe6}.project-card__body{padding:24px}.project-card__title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.project-card__description{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.project-card__highlights{list-style:none;margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.project-card__highlights li{font-size:.82rem;color:var(--text-secondary);padding-left:16px;position:relative}.project-card__highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent-1);font-weight:700}.project-card__highlights li:nth-child(3n+2):before{color:#e040fb}.project-card__highlights li:nth-child(3n):before{color:#00b4d8}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-card__tags .tag:nth-child(3n+2){background:#e040fb0f;color:#c030d8;border-color:#e040fb1f}.project-card__tags .tag:nth-child(3n){background:#00b4d80f;color:#0090b0;border-color:#00b4d81f}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.contact__links{display:flex;flex-direction:column;gap:12px}.contact__link{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--text-primary);padding:20px 24px;border-radius:16px;background:#ffffffe6;border:1px solid rgba(0,0,0,.05);transition:var(--transition-smooth);box-shadow:0 2px 8px #0000000a}.contact__link:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00000014}.contact__link-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.contact__link:nth-child(1) .contact__link-icon{background:var(--gradient-primary);box-shadow:0 4px 12px #667eea33}.contact__link:nth-child(2) .contact__link-icon{background:var(--gradient-lime);box-shadow:0 4px 12px #43e97b33}.contact__link:nth-child(3) .contact__link-icon{background:var(--gradient-warm);box-shadow:0 4px 12px #fa709a33}.contact__link:nth-child(4) .contact__link-icon{background:var(--gradient-accent);box-shadow:0 4px 12px #4facfe33}.contact__link:nth-child(5) .contact__link-icon{background:var(--gradient-secondary);box-shadow:0 4px 12px #e040fb33}.contact__link-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.contact__link-value{font-weight:600;font-size:.95rem;color:var(--text-primary)}.contact__cta{background:#fffffff2;border:2px solid transparent;border-image:var(--gradient-rainbow);border-image-slice:1;border-radius:20px;padding:40px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 24px #0000000f}.contact__cta-emoji{font-size:2.5rem;margin-bottom:16px;display:block}.contact__cta-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin-bottom:12px;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:rainbow-shift 4s ease infinite}.contact__cta-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:24px}.contact__cta-btn{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #667eea40;animation:pulse-rainbow 3s ease infinite}.contact__cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #667eea59}@media(max-width:768px){.contact__grid{grid-template-columns:1fr}}.tech-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.tech-bg__icon{position:absolute;font-family:JetBrains Mono,Fira Code,monospace;font-weight:600;color:var(--accent-1);opacity:.06;animation:float-tech 8s ease-in-out infinite;-webkit-user-select:none;user-select:none}.tech-bg__icon:nth-child(3n+1){color:#667eea}.tech-bg__icon:nth-child(3n+2){color:#e040fb}.tech-bg__icon:nth-child(3n){color:#00b4d8}.tech-bg__icon:nth-child(2n){animation-name:float-tech-2}.tech-bg__circuits{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.04}.circuit-line{stroke:var(--accent-1);stroke-width:1.5;fill:none;stroke-dasharray:8 4}.circuit-node{fill:var(--accent-3);opacity:.8}@media(max-width:768px){.tech-bg__icon{opacity:.04}.tech-bg__circuits{opacity:.02}}:root{--bg-primary: #f8f9fc;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .8);--bg-glass: rgba(255, 255, 255, .7);--border-glass: rgba(0, 0, 0, .06);--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #8b8ba0;--accent-1: #667eea;--accent-2: #764ba2;--accent-3: #e040fb;--accent-4: #f5576c;--accent-cyan: #00b4d8;--accent-lime: #2ecc71;--accent-gold: #f39c12;--accent-magenta: #e040fb;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #e040fb 0%, #f5576c 100%);--gradient-accent: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-warm: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-lime: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-fire: linear-gradient(135deg, #f7971e 0%, #ffd200 100%);--gradient-text: linear-gradient(135deg, #667eea 0%, #e040fb 50%, #4facfe 100%);--gradient-rainbow: linear-gradient(270deg, #667eea, #764ba2, #e040fb, #f5576c, #f7971e, #43e97b, #00b4d8, #667eea);--font-heading: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--section-padding: 100px 0;--container-max: 1200px;--container-padding: 0 24px;--glow-sm: 0 2px 12px rgba(102, 126, 234, .12);--glow-md: 0 4px 24px rgba(102, 126, 234, .15);--glow-lg: 0 8px 40px rgba(102, 126, 234, .18);--glow-multi: 0 4px 20px rgba(102, 126, 234, .12), 0 8px 40px rgba(224, 64, 251, .06);--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 40px rgba(0, 0, 0, .1);--blur-glass: blur(20px);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}#tsparticles{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:0!important;pointer-events:none!important}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#eee}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}::selection{background:#667eea33;color:#1a1a2e}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding);position:relative}.section:nth-of-type(2n){background:#fff}.section-label{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-1);text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-label:before{content:"//";opacity:.5}.section-title{font-family:var(--font-heading);font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--text-primary);margin-bottom:16px;line-height:1.2}.section-subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin-bottom:60px;line-height:1.6}.gradient-text{background:var(--gradient-rainbow);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-shift 6s ease infinite}.glass-card{background:var(--bg-card);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);border:1px solid var(--border-glass);border-radius:16px;padding:28px;transition:var(--transition-smooth);position:relative;box-shadow:var(--shadow-card)}.glass-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:17px;padding:1px;background:var(--gradient-rainbow);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:rainbow-shift 4s ease infinite;pointer-events:none}.glass-card:hover:before{opacity:.6}.glass-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:500;background:#667eea14;color:var(--accent-1);border:1px solid rgba(102,126,234,.15);transition:var(--transition-smooth)}.tag:hover{background:#e040fb1a;color:var(--accent-3);border-color:#e040fb33;transform:translateY(-1px);box-shadow:0 4px 12px #e040fb1a}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:12px;font-family:var(--font-body);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth);text-decoration:none;border:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-50%;left:-100%;width:60%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);transition:left .6s ease}.btn:hover:after{left:150%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px #667eea40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #667eea59}.btn-outline{background:#fff;color:var(--text-primary);border:1px solid var(--border-glass);box-shadow:0 2px 8px #0000000a}.btn-outline:hover{border-color:var(--accent-1);transform:translateY(-2px);box-shadow:0 4px 16px #667eea1f}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float-reverse{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(20px) rotate(-5deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #667eea1a}50%{box-shadow:0 0 40px #667eea4d}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{left:-100%}to{left:150%}}@keyframes color-cycle{0%{color:#667eea}25%{color:#e040fb}50%{color:#00b4d8}75%{color:#43e97b}to{color:#667eea}}@keyframes pulse-rainbow{0%,to{box-shadow:0 4px 20px #667eea4d}33%{box-shadow:0 4px 20px #e040fb4d}66%{box-shadow:0 4px 20px #00b4d84d}}@keyframes border-glow{0%,to{border-color:#667eea33}33%{border-color:#e040fb33}66%{border-color:#00b4d833}}@keyframes float-tech{0%,to{transform:translateY(0) rotate(0);opacity:.07}50%{transform:translateY(-30px) rotate(10deg);opacity:.12}}@keyframes float-tech-2{0%,to{transform:translateY(0) rotate(0);opacity:.05}50%{transform:translateY(25px) rotate(-8deg);opacity:.1}}@media(max-width:768px){:root{--section-padding: 60px 0}.section-title{font-size:clamp(1.6rem,6vw,2.2rem)}.section-subtitle{margin-bottom:40px}}@media(max-width:480px){:root{--container-padding: 0 16px}}