.ai-native-badge-container{display:flex;justify-content:center;align-items:center;margin-bottom:28px;animation:aiBadgeFadeIn 1.2s cubic-bezier(.4,0,.2,1);z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px}.ai-native-badge-text{display:inline-block;padding:14px 36px;background:linear-gradient(90deg,#007aff,#30d158);color:#fff;font-size:1.15rem;font-weight:800;border-radius:999px;box-shadow:0 4px 24px #007aff1a,0 1.5px 8px #30d1581a;letter-spacing:1.2px;border:2.5px solid rgba(0,122,255,.18);position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;cursor:pointer;overflow:hidden}.ai-native-badge-text:after{content:"";position:absolute;inset:0;border-radius:999px;pointer-events:none;box-shadow:0 0 #00d4ff2e;transition:box-shadow .3s}.ai-native-badge-text:hover{transform:scale(1.04) translateY(-2px);box-shadow:0 8px 32px #007aff2e,0 3px 16px #30d1582e}.ai-native-badge-text:active{transform:scale(.98)}@keyframes aiBadgeFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary: #007AFF;--primary-dark: #0051D5;--secondary: #5856D6;--success: #30D158;--warning: #FF9F0A;--danger: #FF453A;--gradient-primary: linear-gradient(135deg, #007AFF 0%, #5856D6 100%);--gradient-hero: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a2a2a 100%);--gradient-terminal: linear-gradient(45deg, #1e1e1e 0%, #2d2d2d 50%, #1e1e1e 100%);--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--bg-card: rgba(28, 28, 30, .95);--text-primary: #ffffff;--text-secondary: #a1a1a6;--text-tertiary: #636366;--text-accent: #00d4ff;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;--font-display: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, monospace;--container-max: 1200px;--nav-height: 64px;--border-radius: 12px;--border-radius-lg: 20px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 24px}section{padding:60px 0}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;margin-bottom:16px;text-align:center}.section-subtitle{font-size:18px;color:var(--text-secondary);text-align:center;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.about{background:var(--bg-secondary);padding:80px 0 60px;position:relative;overflow:hidden}.about-background{position:absolute;inset:0;z-index:1}.about-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(88,86,214,.08) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(255,68,68,.04) 0%,transparent 30%);animation:particleFloat 25s ease-in-out infinite alternate}@keyframes particleFloat{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-30px) rotate(2deg);opacity:.8}}.about-glow{position:absolute;top:15%;left:50%;transform:translate(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(0,122,255,.12) 0%,transparent 60%);border-radius:50%;filter:blur(80px);animation:glowPulse 8s ease-in-out infinite alternate}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.about-header{text-align:center;margin-bottom:60px;position:relative;z-index:2}.header-badge{display:inline-block;margin-bottom:24px;animation:badgeGlow 3s ease-in-out infinite alternate}.badge-text{display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#007aff1a,#5856d61a);border:2px solid rgba(0,122,255,.6);border-radius:50px;font-size:16px;font-weight:700;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:1.2px;box-shadow:0 0 20px #007aff4d,0 4px 15px #0000001a}@keyframes badgeGlow{0%,to{box-shadow:0 8px 32px #007aff4d;transform:translateY(0)}50%{box-shadow:0 12px 48px #007aff99;transform:translateY(-2px)}}.about-content-new{position:relative;z-index:2;display:grid;gap:60px;max-width:1400px;margin:0 auto}.profile-hero-card{background:#ffffff14;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0003;margin-bottom:24px}.profile-hero-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:24px 24px 0 0}.profile-hero-content{display:block;align-items:center}@media (min-width: 1024px){.profile-hero-content{grid-template-columns:200px 1fr;gap:32px}}.profile-avatar-enhanced{text-align:center;position:relative;max-width:200px;margin:0 auto}.avatar-container{position:relative;display:inline-block;width:140px;height:140px}.avatar-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background:radial-gradient(circle,rgba(0,122,255,.3) 0%,transparent 70%);border-radius:50%;filter:blur(25px);animation:avatarGlow 4s ease-in-out infinite alternate}@keyframes avatarGlow{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.05)}}.avatar-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border:1px solid rgba(0,122,255,.4);border-radius:50%;animation:ringRotate 20s linear infinite}.avatar-ring-inner{position:absolute;inset:6px;border:1px solid rgba(88,86,214,.3);border-radius:50%;animation:ringRotate 15s linear infinite reverse}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-image-enhanced{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;overflow:hidden;z-index:3;border:3px solid rgba(255,255,255,.3);box-shadow:0 10px 30px #0000004d}.profile-pic-enhanced{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.1);filter:brightness(1.1) contrast(1.1) saturate(1.1);transition:all .4s ease}.avatar-image-enhanced:hover .profile-pic-enhanced{transform:scale(1.15);filter:brightness(1.2) contrast(1.2) saturate(1.2)}.avatar-overlay{display:none}.status-indicator-enhanced{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column}.status-pulse{width:10px;height:10px;background:#30d158;border-radius:50%;position:relative;animation:statusPulse 2s ease-in-out infinite}.status-pulse:before{content:"";position:absolute;inset:-3px;border:1px solid #30d158;border-radius:50%;animation:statusRing 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes statusRing{0%,to{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.status-text-enhanced{font-size:11px;color:#30d158;font-weight:600;text-transform:uppercase;letter-spacing:.6px;text-align:center;margin-top:6px}.profile-info-enhanced{text-align:left}@media (max-width: 1023px){.profile-info-enhanced{text-align:center}}.name-container{margin-bottom:24px}.profile-name{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.1;letter-spacing:-.02em}.name-subtitle{display:flex;gap:16px;flex-wrap:wrap;justify-content:flex-start}@media (max-width: 1023px){.name-subtitle{justify-content:center}}.role-badge,.age-badge{display:inline-block;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px}.role-badge{background:#007aff33;color:#00d4ff;border:1px solid rgba(0,122,255,.3)}.age-badge{background:#5856d633;color:#a855f7;border:1px solid rgba(88,86,214,.3)}.profile-description{margin-bottom:32px}.intro-main{font-size:clamp(16px,2vw,20px);line-height:1.6;margin-bottom:16px;color:var(--text-primary);font-weight:500}.intro-secondary{font-size:clamp(14px,1.8vw,18px);line-height:1.6;color:var(--text-secondary);font-weight:400}.highlight-text{background:linear-gradient(135deg,#00d4ff,#4ecdc4,#ff6b6b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;animation:gradientShift 3s ease-in-out infinite;position:relative;display:inline-block;padding:2px 4px}.highlight-text:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00d4ff1a,#4ecdc41a,#ff6b6b1a);border-radius:4px;z-index:-1;opacity:0;transition:opacity .3s ease}.highlight-text:hover:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.metric-highlight{color:#00d4ff;font-weight:700}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 768px){.quick-stats{grid-template-columns:repeat(4,1fr)}}.stat-metric{text-align:center;padding:12px 10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.stat-metric:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 8px 25px #007aff33}.stat-value{display:block;font-size:clamp(14px,2.5vw,18px);font-weight:800;margin-bottom:4px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.6px}.core-principles{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;position:relative;overflow:hidden;margin-bottom:24px}.principles-title{font-size:clamp(18px,3vw,22px);font-weight:700;color:var(--text-primary);margin-bottom:20px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.title-icon{font-size:1.2em}.principles-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 768px){.principles-grid{grid-template-columns:repeat(2,1fr);gap:18px}}.principle-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:18px 16px;min-height:180px;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.principle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.principle-card:hover:before{opacity:1}.principle-card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 10px 30px #007aff26}.principle-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.principle-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;position:relative;transition:all .3s ease}.principle-icon.ai-brain{background:linear-gradient(135deg,#667eea,#764ba2)}.principle-icon.lightning{background:linear-gradient(135deg,#f093fb,#f5576c)}.principle-icon.partnership{background:linear-gradient(135deg,#4facfe,#00f2fe)}.principle-icon.evolution{background:linear-gradient(135deg,#43e97b,#38f9d7)}.icon-glow{position:absolute;inset:0;border-radius:inherit;background:inherit;filter:blur(8px);opacity:0;transition:opacity .3s ease}.principle-card:hover .icon-glow{opacity:.6}.principle-header h4{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.principle-card p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:18px;flex:1}.principle-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tag{display:inline-block;padding:6px 12px;background:#007aff26;color:#00d4ff;border:1px solid rgba(0,122,255,.3);border-radius:12px;font-size:12px;font-weight:600;transition:all .3s ease}.ai-arsenal{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;position:relative;margin-bottom:24px}.arsenal-header{text-align:center;margin-bottom:36px}.arsenal-title{font-size:clamp(22px,3vw,28px);font-weight:900;color:var(--text-primary);margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.arsenal-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.5}.arsenal-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.arsenal-grid{grid-template-columns:repeat(3,1fr);gap:28px}}.arsenal-category{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 24px;min-height:280px;transition:all .3s ease;display:flex;flex-direction:column}.arsenal-category:hover{background:#ffffff1a;transform:translateY(-2px)}.category-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.category-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.category-icon.architecture{background:linear-gradient(135deg,#667eea,#764ba2)}.category-icon.coding{background:linear-gradient(135deg,#f093fb,#f5576c)}.category-icon.testing{background:linear-gradient(135deg,#4facfe,#00f2fe)}.category-header h4{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.ai-tools{display:flex;flex-direction:column;gap:12px;flex:1}.ai-tool{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.ai-tool.primary{border-color:#007aff4d;background:#007aff14}.ai-tool:hover{background:#ffffff1f;transform:translateY(-2px)}.ai-tool.primary{border-color:#007aff66;background:#007aff1f}.tool-logo{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:8px;flex-shrink:0}.tool-info{display:flex;flex-direction:column;gap:2px;flex:1}.tool-name{font-size:14px;font-weight:600;color:var(--text-primary)}.tool-role{font-size:12px;color:var(--text-secondary);opacity:.8}.achievement-highlights{background:#ffffff0a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 20px;margin-bottom:24px}.achievements-title{font-size:clamp(18px,3vw,22px);font-weight:700;color:var(--text-primary);margin-bottom:32px;text-align:center;display:flex;align-items:center;justify-content:center;gap:12px}.achievements-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.achievements-grid{grid-template-columns:repeat(2,1fr);gap:28px}}.achievement-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:28px 24px;min-height:280px;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column}.achievement-card.featured{border-color:#ffd7004d;background:#ffd7000a;min-height:320px}.achievement-card:hover{background:#ffffff1a;transform:translateY(-4px);box-shadow:0 10px 30px #007aff26}.achievement-icon{width:44px;height:44px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin-bottom:20px;position:relative}.achievement-glow{position:absolute;inset:0;border-radius:inherit;background:inherit;filter:blur(8px);opacity:0;transition:opacity .3s ease}.achievement-card:hover .achievement-glow{opacity:.6}.achievement-content{flex:1;display:flex;flex-direction:column}.achievement-content h4{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.achievement-content p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;flex:1}.highlight-metric{color:#00d4ff;font-weight:700}.achievement-example{padding:8px 10px;background:#007aff14;border:1px solid rgba(0,122,255,.2);border-radius:6px;margin-top:8px}.example-text{font-size:11px;color:#00d4ff;font-weight:500}@media (max-width: 768px){.about{padding:80px 0 60px}.about-header{text-align:center;margin-bottom:40px}.about-content-new{gap:28px}.profile-hero-card,.core-principles,.ai-arsenal,.achievement-highlights{padding:32px 24px;margin-bottom:28px}.principles-grid,.arsenal-grid,.achievements-grid{gap:20px}.principle-card,.arsenal-category,.achievement-card{min-height:auto;padding:24px 20px}.achievement-card.featured{min-height:auto}.profile-hero-content{text-align:center;gap:24px;grid-template-columns:1fr}.avatar-container{width:120px;height:120px}.avatar-glow{width:140px;height:140px}.avatar-ring{width:110px;height:110px}.avatar-image-enhanced{width:90px;height:90px}.principles-title,.arsenal-title,.achievements-title{font-size:22px;margin-bottom:24px}.principle-header h4,.category-header h4,.achievement-content h4{font-size:16px}.principle-card p,.achievement-content p{font-size:14px}.ai-tool{padding:12px 14px}.arsenal-subtitle{font-size:14px}.principle-card,.achievement-card,.arsenal-category{padding:16px 12px}.quick-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-metric{padding:16px 12px}.profile-name{font-size:clamp(1.8rem,6vw,2.5rem)}.name-subtitle{justify-content:center;gap:8px}.role-badge,.age-badge{padding:6px 12px;font-size:11px}.badge-text{padding:12px 20px;font-size:14px}}@media (max-width: 480px){.about-header{margin-bottom:40px}.about-content-new{gap:32px}.profile-hero-card,.core-principles,.ai-arsenal,.achievement-highlights{padding:20px 12px}.avatar-container{width:100px;height:100px}.avatar-glow{width:120px;height:120px}.avatar-ring{width:90px;height:90px}.avatar-image-enhanced{width:70px;height:70px}.principles-title,.arsenal-title,.achievements-title{font-size:clamp(18px,5vw,22px);margin-bottom:16px}.principle-card,.achievement-card,.arsenal-category{padding:14px 10px}.principle-header h4,.achievement-content h4{font-size:14px}.principle-card p,.achievement-content p{font-size:12px}.tag{padding:3px 6px;font-size:9px}.quick-stats{gap:8px}.stat-metric{padding:12px 8px}.stat-value{font-size:clamp(14px,4vw,18px)}.stat-label{font-size:10px}.badge-text{padding:10px 16px;font-size:12px;letter-spacing:1px}}.fun-facts-list{display:flex;flex-direction:column;gap:16px}.fun-fact{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;transition:all .3s ease}.fun-fact:hover{background:#ffffff14;transform:translate(4px);border-color:#fff3}.fun-fact i{font-size:18px;color:var(--primary);width:24px;text-align:center}.fun-fact span{font-size:15px;color:var(--text-secondary);line-height:1.5}.work{background:var(--bg-primary);padding:80px 0 60px;position:relative}.work .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:20px;line-height:1.1}.project-filters{display:flex;justify-content:center;gap:16px;margin-bottom:60px}.filter-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;padding:12px 24px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary)}.filter-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.filter-count{background:#fff3;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:700}.projects-showcase{display:grid;gap:40px;max-width:1000px;margin:0 auto}.project-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;overflow:hidden;transition:all .4s ease;opacity:0;transform:translateY(30px)}.project-card.animated{opacity:1;transform:translateY(0)}.project-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000004d;border-color:#fff3}.project-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--glass-border)}.project-status{display:flex;gap:12px}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.live{background:#30d15833;color:#30d158;border:1px solid rgba(48,209,88,.3)}.status-badge.featured{background:#ff9f0a33;color:#ff9f0a;border:1px solid rgba(255,159,10,.3)}.project-actions{display:flex;gap:12px}.action-btn{padding:8px 16px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:6px;transition:all .3s ease;border:none;cursor:pointer}.action-btn.primary{background:var(--gradient-primary);color:#fff}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff66}.action-btn.secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--glass-border)}.action-btn.secondary:hover{background:#ffffff26;border-color:#ffffff4d}.project-preview{padding:24px}.project-slideshow{position:relative;margin-bottom:24px}.slideshow-container{position:relative;max-width:100%;margin:auto;border-radius:12px;overflow:hidden;background:var(--bg-secondary)}.slide{display:none;position:relative}.slide.active{display:block}.slide-image{width:100%;height:400px;object-fit:cover;border-radius:12px}.slide-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);color:#fff;padding:20px;text-align:center;font-size:14px;font-weight:500}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;padding:12px 16px;cursor:pointer;border-radius:50%;font-size:18px;transition:all .3s ease;z-index:10}.slide-nav:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.slide-nav.prev{left:20px}.slide-nav.next{right:20px}.slide-indicators{text-align:center;margin-top:16px}.indicator{height:12px;width:12px;margin:0 6px;background-color:#ffffff4d;border-radius:50%;display:inline-block;cursor:pointer;transition:all .3s ease}.indicator.active,.indicator:hover{background-color:var(--primary)}.project-info{padding:0 24px 24px}.project-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-title h3{font-size:24px;font-weight:700;color:var(--text-primary)}.project-type{background:#ffffff1a;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.project-description{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.metric{text-align:center;padding:16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px}.metric-value{display:block;font-size:20px;font-weight:800;color:var(--text-primary);margin-bottom:4px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.metric-label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.project-tech{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:#ffffff14;border:1px solid var(--glass-border);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;color:var(--text-primary);transition:all .3s ease}.tech-tag:hover{background:var(--gradient-primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.work-background{position:absolute;inset:0;overflow:hidden;opacity:.1}.work-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,.4) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(88,86,214,.4) 0%,transparent 50%);animation:workParticles 20s ease-in-out infinite}.work-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,122,255,.08) 30%,rgba(88,86,214,.08) 70%,transparent 100%);animation:workGradient 15s ease-in-out infinite alternate}@keyframes workParticles{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes workGradient{0%{opacity:.05}to{opacity:.15}}.work-header{text-align:center;margin-bottom:40px;position:relative;z-index:2}.work-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:50px;padding:12px 24px;margin-bottom:20px;color:var(--text-secondary);font-weight:600;animation:badgeFloat 3s ease-in-out infinite}.badge-icon{font-size:16px}.badge-text{font-size:14px;letter-spacing:.5px}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.project-stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:30px;position:relative;z-index:2}.stat-item{text-align:center;padding:16px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;transition:all .3s ease}.stat-item:hover{transform:translateY(-5px);background:#ffffff14;border-color:#fff3}.stat-number{font-size:1.8rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px;line-height:1}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.project-filters-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:2}.filter-tabs{display:flex;gap:12px;flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:8px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:12px;padding:12px 20px;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.filter-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff;box-shadow:0 8px 25px #007aff4d}.filter-icon,.filter-text{font-size:14px}.filter-count{background:#fff3;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.view-toggle{display:flex;gap:8px}.view-btn{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.view-btn:hover{background:#ffffff14;color:var(--text-primary)}.view-btn.active{background:var(--gradient-primary);border-color:var(--primary);color:#fff}.projects-showcase-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:40px;position:relative;z-index:2}.project-card-new{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(30px);animation:cardFadeIn .6s ease-out forwards}.project-card-new:nth-child(1){animation-delay:.1s}.project-card-new:nth-child(2){animation-delay:.2s}.project-card-new:nth-child(3){animation-delay:.3s}.project-card-new:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0006;border-color:#fff3}.project-card-new.featured{border:2px solid rgba(255,159,10,.3);box-shadow:0 0 30px #ff9f0a1a}@keyframes cardFadeIn{to{opacity:1;transform:translateY(0)}}.project-card-inner{height:100%;display:flex;flex-direction:column}.project-preview-new{position:relative;overflow:hidden}.project-image-container{position:relative;overflow:hidden;height:200px}.project-main-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.project-placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,#1e1e1e,#2d2d2d);display:flex;align-items:center;justify-content:center;position:relative}.project-placeholder-image.webapp{background:linear-gradient(135deg,#2d1b69,#11998e)}.placeholder-content{text-align:center;color:var(--text-secondary)}.placeholder-content i{font-size:3rem;margin-bottom:12px;display:block}.placeholder-content span{font-size:16px;font-weight:600}.project-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-image-container:hover .project-overlay{opacity:1}.project-image-container:hover .project-main-image{transform:scale(1.05)}.overlay-content{display:flex;gap:12px}.preview-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:14px}.preview-btn.primary{background:var(--gradient-primary);color:#fff}.preview-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff66}.preview-btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.preview-btn.secondary:hover{background:#fff3;border-color:#fff6}.project-badges{position:absolute;top:16px;left:16px;display:flex;gap:8px;z-index:10}.badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.badge.live{background:#30d15833;color:#30d158;border-color:#30d1584d}.badge.featured{background:#ff9f0a33;color:#ff9f0a;border-color:#ff9f0a4d}.badge.category{background:#007aff33;color:#007aff;border-color:#007aff4d}.project-info-new{padding:18px;flex:1;display:flex;flex-direction:column}.project-header-new{margin-bottom:12px}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.project-title-new{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;flex:1}.project-visit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#007aff,#30d158);color:#fff;text-decoration:none;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.project-visit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007aff4d;text-decoration:none;color:#fff}.project-visit-btn i{font-size:10px}.project-subtitle{font-size:14px;color:var(--text-secondary);font-weight:500}.project-description-new{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;flex:1}.project-features{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:15px}.feature-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.feature-item i{color:var(--primary);width:16px}.project-metrics-new{display:flex;justify-content:space-around;margin-bottom:15px;padding:12px;background:#ffffff08;border-radius:10px;border:1px solid var(--glass-border)}.metric-item{text-align:center}.metric-number{font-size:16px;font-weight:800;color:var(--primary);display:block}.metric-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.project-tech-stack{display:flex;flex-wrap:wrap;gap:6px}.tech-tag{background:#ffffff14;border:1px solid var(--glass-border);padding:4px 10px;border-radius:15px;font-size:11px;font-weight:600;color:var(--text-primary);transition:all .3s ease}.tech-tag:hover{background:var(--gradient-primary);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.projects-cta{text-align:center;padding:30px 0;position:relative;z-index:2}.cta-content{max-width:600px;margin:0 auto}.cta-content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.cta-content p{font-size:16px;color:var(--text-secondary);margin-bottom:32px;line-height:1.6}.cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--gradient-primary);color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #007aff66}.btn-icon{transition:transform .3s ease}.cta-btn:hover .btn-icon{transform:translate(3px)}@media (max-width: 768px){.projects-showcase-new{grid-template-columns:1fr;gap:20px}.project-filters-enhanced{flex-direction:column;gap:20px}.filter-tabs{justify-content:center}.project-stats-overview{grid-template-columns:repeat(2,1fr);gap:16px}.stat-number{font-size:2rem}.project-features{grid-template-columns:1fr}.project-metrics-new{flex-direction:column;gap:12px}.overlay-content{flex-direction:column;align-items:center}}@media (max-width: 480px){.project-stats-overview,.projects-showcase-new{grid-template-columns:1fr}.filter-tabs{flex-direction:column;align-items:center}.view-toggle{justify-content:center}}.contact{background:var(--bg-secondary);padding:80px 0;position:relative;overflow:hidden}.contact-background{position:absolute;inset:0;opacity:.1}.contact-particles{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(0,122,255,.3) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(88,86,214,.3) 0%,transparent 50%)}.contact-gradient{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,rgba(0,122,255,.05) 50%,transparent 100%)}.contact-header{text-align:center;margin-bottom:80px;position:relative;z-index:2}.contact-header .section-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:20px;line-height:1.1}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;position:relative;z-index:2}.contact-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:40px;height:fit-content}.contact-card-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.contact-icon{width:48px;height:48px;background:var(--gradient-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.contact-card h3{font-size:24px;font-weight:700;color:var(--text-primary)}.contact-details{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.contact-item{display:flex;align-items:center;gap:16px}.contact-item-icon{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--primary)}.contact-item-content{display:flex;flex-direction:column}.contact-label{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:4px}.contact-value{font-size:14px;color:var(--text-primary);font-weight:500;text-decoration:none;transition:color .3s ease}.contact-value:hover{color:var(--primary)}.contact-social h4{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--gradient-primary);border-color:var(--primary);color:#fff;transform:translateY(-2px)}.contact-form-container{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:20px;padding:28px;max-width:600px;margin:0 auto}.form-header{margin-bottom:24px;text-align:center}.form-header h3{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.form-header p{font-size:14px;color:var(--text-secondary);opacity:.8}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:18px;position:relative}.form-group label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .3s ease}.form-group:focus-within label{color:var(--primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 40px 12px 14px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;color:var(--text-primary);font-size:14px;transition:all .3s ease;font-family:var(--font-primary)}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:#fff3;background:#ffffff14}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary);opacity:.7}.form-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:16px;pointer-events:none;z-index:10}.form-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23a1a1a6' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>");background-repeat:no-repeat;background-position:right 40px center;background-size:12px;cursor:pointer}.form-group select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px 16px;border:none}.form-group select::-ms-expand{display:none}.form-group:has(textarea) .form-icon{top:48px;transform:none}.form-group:has(select) .form-icon{top:50%;transform:translateY(-50%);margin-top:14px}.submit-btn{width:100%;padding:14px 24px;background:var(--gradient-primary);border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;margin-top:8px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff66}.btn-loading,.submit-btn.loading .btn-text{display:none}.submit-btn.loading .btn-loading{display:flex;align-items:center;gap:8px}.form-status{margin-top:16px;padding:12px;border-radius:8px;font-size:14px;font-weight:500;text-align:center;display:none}.form-status.success{background:#30d1581a;border:1px solid rgba(48,209,88,.3);color:#30d158}.form-status.error{background:#ff453a1a;border:1px solid rgba(255,69,58,.3);color:#ff453a}@media (max-width: 1200px){.nav-jokes{left:50%;max-width:250px;font-size:13px}}@media (max-width: 1024px){.about-content,.contact-content{grid-template-columns:1fr!important;gap:48px}.about{padding:80px 0 60px}.about-header{margin-bottom:60px}.superpowers-grid{grid-template-columns:1fr;gap:20px}.profile-card{padding:40px 32px;max-width:500px}.about-superpowers{padding:40px 32px;margin:0 auto;max-width:600px}.about-profile{position:relative!important;top:auto!important}.footer-content{grid-template-columns:1fr;gap:40px;text-align:center}.nav-jokes{left:55%;max-width:200px;font-size:12px}}@media (max-width: 768px){.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);flex-direction:column;padding:20px 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{padding:16px 24px;justify-content:center}.nav-jokes{display:none}.logo{font-size:24px}.about{padding:60px 0 40px}.about-header{margin-bottom:40px}.about-header .section-title{font-size:clamp(2rem,8vw,3.5rem);margin-bottom:16px}.about-header .section-subtitle{font-size:clamp(16px,3vw,20px);padding:0 16px}.profile-card{padding:32px 24px;border-radius:24px;margin:0 16px}.avatar-placeholder{width:100px;height:100px;font-size:40px}.profile-intro h3{font-size:clamp(20px,5vw,28px);margin-bottom:16px}.intro-text{font-size:clamp(15px,3vw,17px);padding:0 8px}.profile-stats{grid-template-columns:1fr;gap:16px;max-width:280px}.profile-stats .stat-item{padding:20px 16px;min-height:90px}.about-superpowers{padding:24px 20px;border-radius:20px;margin:0 16px}.about-superpowers h4{font-size:clamp(20px,5vw,28px);margin-bottom:20px}.superpowers-grid{grid-template-columns:1fr;gap:16px}.superpower-item{padding:16px 14px;border-radius:14px}.superpower-icon{width:36px;height:36px;font-size:14px}.superpower-content h5{font-size:clamp(15px,3vw,17px)}.superpower-content p{font-size:clamp(13px,2.5vw,15px)}.form-row{grid-template-columns:1fr;gap:12px}.contact-form-container{padding:20px;border-radius:16px;margin:0 16px}.form-header h3{font-size:20px}.form-header p{font-size:13px}.form-group{margin-bottom:16px}.project-metrics{grid-template-columns:1fr}.showcase-image.main,.showcase-image.secondary{max-width:100%;flex:1}.footer-bottom-content{flex-direction:column;gap:16px}}@media (max-width: 768px){.slide-image{height:250px}.slide-nav{padding:8px 12px;font-size:14px}.slide-nav.prev{left:10px}.slide-nav.next{right:10px}.slide-caption{padding:15px;font-size:12px}}@media (max-width: 480px){.about{padding:40px 0 30px}.about-header{margin-bottom:32px;padding:0 20px}.about-header .section-title{font-size:clamp(1.8rem,10vw,2.8rem)}.about-header .section-subtitle{font-size:clamp(14px,4vw,18px)}.profile-card{padding:24px 20px;margin:0 20px;border-radius:20px}.avatar-placeholder{width:80px;height:80px;font-size:32px}.profile-stats{grid-template-columns:1fr;gap:12px}.profile-stats .stat-item{padding:16px 12px}.about-superpowers{padding:24px 20px;margin:0 20px;border-radius:20px}.about-superpowers h4{margin-bottom:24px}.superpower-item{padding:16px 12px;gap:16px}.superpower-icon{width:40px;height:40px;font-size:18px}}@media (max-width: 320px){.about{padding:32px 0 24px}.profile-card,.about-superpowers{margin:0 16px;padding:20px 16px}.superpower-item{flex-direction:column;text-align:center;gap:12px}.superpower-icon{align-self:center}}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.modal.show{display:flex;align-items:center;justify-content:center;opacity:1}.modal-content{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);max-width:800px;max-height:85vh;width:90%;overflow:hidden;position:relative;box-shadow:var(--glass-shadow);transform:translateY(-50px) scale(.9);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.modal.show .modal-content{transform:translateY(0) scale(1)}.modal-header{padding:24px 32px 16px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.modal-header h2{margin:0;color:var(--text-primary);font-size:24px;font-weight:700}.modal-close{font-size:32px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;line-height:1;padding:4px 8px;border-radius:6px}.modal-close:hover{color:var(--text-primary);background:#ffffff1a;transform:scale(1.1)}.modal-body{padding:32px;color:var(--text-primary);line-height:1.6;overflow-y:auto;max-height:calc(85vh - 120px)}.modal-body h3{color:var(--text-accent);margin:24px 0 12px;font-size:18px;font-weight:600}.modal-body p{margin:12px 0;color:var(--text-secondary)}.modal-body ul{margin:12px 0;padding-left:24px}.modal-body li{margin:8px 0;color:var(--text-secondary)}.modal-body a{color:var(--primary);text-decoration:none;transition:all .3s ease}.modal-body a:hover{color:var(--text-accent);text-decoration:underline}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.sitemap-section h3{color:var(--text-accent);font-size:16px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.sitemap-section ul{list-style:none;padding-left:0}.sitemap-section li{margin:8px 0;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sitemap-section li:last-child{border-bottom:none}.sitemap-footer{padding:20px;background:var(--glass-bg);border-radius:var(--border-radius);border:1px solid var(--glass-border);text-align:center}.sitemap-footer p{margin:4px 0;font-size:14px;color:var(--text-tertiary)}@media (max-width: 768px){.modal-content{width:95%;max-height:90vh}.modal-header{padding:20px 24px 12px}.modal-header h2{font-size:20px}.modal-body{padding:24px 20px;max-height:calc(90vh - 100px)}.sitemap-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 480px){.modal-content{width:98%;max-height:95vh}.modal-header{padding:16px 20px 8px}.modal-header h2{font-size:18px}.modal-body{padding:20px 16px;max-height:calc(95vh - 80px)}}@media (max-width: 768px){.project-header{flex-direction:column;gap:16px;align-items:flex-start}.project-actions{display:flex;flex-direction:column;gap:8px;width:100%}.action-btn{width:100%;justify-content:center;padding:12px 16px;font-size:13px}.project-status{display:flex;flex-wrap:wrap;gap:8px}.status-badge{font-size:11px;padding:4px 8px}}@media (max-width: 480px){.project-header{padding:16px}.action-btn{padding:10px 14px;font-size:12px}.action-btn i{font-size:12px}}.name-with-avatar{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.inline-avatar{position:relative;flex-shrink:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:none;outline:none}.inline-avatar-container{position:relative;display:inline-block;width:180px;height:180px;border:none;outline:none;box-sizing:border-box}.avatar-glow-green{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(0,255,127,.4) 0%,rgba(0,255,127,.2) 40%,transparent 70%);border-radius:50%;filter:blur(20px);animation:greenGlow 3s ease-in-out infinite alternate;-webkit-border-radius:50%;-moz-border-radius:50%;box-sizing:border-box}@keyframes greenGlow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.1)}}.avatar-ring-green{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:170px;height:170px;border:2px solid rgba(0,255,127,.6);border-radius:50%;animation:greenRingRotate 15s linear infinite;box-shadow:0 0 20px #00ff7f4d,inset 0 0 20px #00ff7f1a;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%}@keyframes greenRingRotate{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.green-wiring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.wire{position:absolute;background:linear-gradient(90deg,transparent,rgba(0,255,127,.8),transparent);border-radius:2px;animation:wireFlow 4s ease-in-out infinite}.wire-1{top:20%;left:-10px;width:40px;height:2px;transform:rotate(-30deg);animation-delay:0s}.wire-2{top:60%;right:-10px;width:35px;height:2px;transform:rotate(45deg);animation-delay:1s}.wire-3{bottom:30%;left:-8px;width:30px;height:2px;transform:rotate(20deg);animation-delay:2s}.wire-4{top:40%;right:-12px;width:25px;height:2px;transform:rotate(-60deg);animation-delay:3s}@keyframes wireFlow{0%,to{opacity:.3;box-shadow:0 0 5px #00ff7f4d}50%{opacity:.9;box-shadow:0 0 15px #00ff7fcc}}.avatar-image-inline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;overflow:hidden;z-index:5;border:4px solid rgba(0,255,127,.8);box-shadow:0 0 25px #00ff7f66,0 10px 30px #0000004d,inset 0 0 20px #00ff7f1a;box-sizing:border-box;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%)}.profile-pic-inline{width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.1);filter:brightness(1.15) contrast(1.15) saturate(1.2);transition:all .4s ease;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;backface-visibility:hidden}.avatar-image-inline:hover .profile-pic-inline{transform:scale(1.2);filter:brightness(1.25) contrast(1.25) saturate(1.3)}@media (max-width: 768px){.name-with-avatar{flex-direction:column;align-items:center;gap:16px}.inline-avatar-container{width:140px;height:140px}.avatar-glow-green{width:180px;height:180px}.avatar-ring-green{width:130px;height:130px}.avatar-image-inline{width:110px;height:110px}.wire{display:none}}@media (max-width: 480px){.inline-avatar-container{width:120px;height:120px}.avatar-glow-green{width:160px;height:160px}.avatar-ring-green{width:110px;height:110px}.avatar-image-inline{width:90px;height:90px}}.profile-name{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;line-height:1.1;letter-spacing:-.02em}.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#000,#0a0a0f,#1a1a2e)}.code-rain-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:1}.code-rain{position:absolute;top:0;left:0;width:100%;height:100%}.code-rain:before{content:'npx create-next-app my-empire --typescript\anpm install @aws-sdk/legendary-skills\areact-query useInfiniteQuery(jobOffers)\asudo rm -rf ./competitionªws lambda deploy --function=hireMe­ocker run -it genius/developer:latest\agit commit -m "fixed hiring managers"¬onst [salary, setSalary] = useState(100000);\anext build && next start success\anode -e "console.log(require(talent))"\ayarn add @emotion/brilliance\asudo chmod +x ./brain.exeªws s3 cp ./resume s3://hired-immediately\areact useEffect(() => { getJob() }, [])\anpm run dev -- --port=money\agit push heroku master --force-hire­ocker-compose up -d careerªpt install confidence -y¬url -H "Authorization: Bearer genius" /jobs\amkdir success && cd success\asudo systemctl start employment.serviceªws cloudformation create-stack --template=hired\anpx degit traditional-education trash\ayarn workspace add unlimited-potential\anext export --static-god-mode\anode modules/brain.js --optimize\agit rebase -i HEAD~4years-of-college\asudo make me-a-sandwich && make-me-richªws ec2 run-instances --image-id=genius\areact-dom render(<Success />, document.body)\anpm audit fix --force-hire-me-now­ocker build -t nextjs-ninja:latest .\agit checkout -b millionaire-mindset¬url -X POST api/hire/immediately\asudo pip install --upgrade developer-skills\anpx create-react-component <MoneyMaker />ªws dynamodb put-item --table=Hired\ayarn berry set version stable-genius\anode --max-old-space-size=unlimited\agit log --oneline | grep "success"­ocker swarm init leadership-mode\anpm run build:production-ready\areact StrictMode.createElement(Genius)\asudo ufw allow 80/tcp # open successªws rds create-db-instance --class=genius\anext dev --turbo --hire-me-faster';position:absolute;top:-100px;left:0;width:100%;height:calc(100% + 200px);white-space:pre-line;font-family:var(--font-mono);font-size:14px;color:#00ff6466;line-height:2;animation:codeRain 35s linear infinite;word-spacing:100px;letter-spacing:2px}.code-rain:after{content:'const genius = !require("university");¯unction skipCollege() {\a  return await this.learnByDoing();\a}\awhile(others.study) {\a  me.build().ship().profit();\a  console.log("still learning... forever");\a}\aif (bootcamp === true) {\a  experience++;\a} else if (degree === "CS") {\a  debt += 100000;\a  time -= 4;\a} else {\a  salary *= 2; // no comma needed\a}¬onst portfolio = {\a  projects: ["Revolutionary", "Groundbreaking"]\a  commits: "Daily",\a  stackoverflow: "Guru status";\a  sleepHours: Math.random() * 4,\a};ªrray.university.filter(useful => undefined);ªwait Promise.all([getHired(), getRich()])\asetTimeout(() => success(), 0);૞lete requirements.degree; // syntax error intendedªws lambda create-function --zip-file=brain.zip\anpx next build --experimental-genius\areact.createElement(MoneyPrinter, {speed: "fast"})\anode --inspect=career ./index.js¬url -k https://api.jobs.com/hire/now!\asudo npm install -g success-toolkit\agit commit -am "added more zeros to salary"­ocker run --privileged developer:god-modeªws s3api create-bucket --acl=hire-me-pls\anpm run test -- --coverage=100percent\agit push origin feature/get-rich-quick --force\ayarn add @next/millionaire-plugin\asudo chmod 777 /dev/moneyªwait db.collection("offers").insertMany(infinite)¬onsole.warn("Degree not found. Using talent instead.")\anpx create-startup --funded --unicorn\areact-query useMutation(becomeMillionaire)\asudo systemctl enable genius.serviceªws cloudwatch put-metric-data --namespace=Success\a// while(others.debate) { me.execute(); }\a// TODO: remember to be humble... jk¯unction traditionalPath() {\a  throw new Error("Path not found");\a}¯unction myPath() {\a  return "Success loading... 99% complete";\a}';position:absolute;top:-150px;right:0;width:50%;height:calc(100% + 300px);white-space:pre-line;font-family:var(--font-mono);font-size:12px;color:#ff64964d;line-height:2.5;animation:codeRain 30s linear infinite reverse;animation-delay:-15s}@keyframes codeRain{0%{transform:translateY(-100%);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(100vh);opacity:0}}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-element{position:absolute;font-size:2rem;opacity:.4;animation:float var(--duration, 20s) ease-in-out infinite;animation-delay:var(--delay, 0s);filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.floating-element:nth-child(1){top:10%;left:10%}.floating-element:nth-child(2){top:20%;right:15%}.floating-element:nth-child(3){top:60%;left:5%}.floating-element:nth-child(4){top:70%;right:10%}.floating-element:nth-child(5){top:30%;left:70%}.floating-element:nth-child(6){top:80%;right:60%}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.4}25%{transform:translateY(-20px) rotate(5deg);opacity:.6}50%{transform:translateY(-40px) rotate(-5deg);opacity:.8}75%{transform:translateY(-20px) rotate(3deg);opacity:.6}}.hero-container{max-width:1200px;margin:0 auto;padding:25px 24px 0;position:relative;z-index:2}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative}.hero-title-container{display:flex;align-items:flex-end;justify-content:center;gap:60px;margin-bottom:40px;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:.3s}@media (max-width: 768px){.hero-title-container{flex-direction:column;gap:0;text-align:center;align-items:center}}.hero-title-left{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex:1}@media (max-width: 768px){.hero-title-left{align-items:center;text-align:center;margin-bottom:10px}}.hero-title-right{display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;flex:1}@media (max-width: 768px){.hero-title-right{align-items:center;text-align:center;margin-top:0}}.title-greeting{font-size:clamp(1.2rem,3vw,1.8rem);font-weight:400;color:#ffffffb3;margin-bottom:8px;font-family:var(--font-display);letter-spacing:.02em}.title-name{font-size:clamp(3rem,10vw,7rem);font-weight:900;line-height:.9;margin:0;letter-spacing:-.04em;font-family:var(--font-display);color:#fff}.title-role{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700;color:#fff;line-height:1;margin-bottom:4px;font-family:var(--font-display)}.title-profession{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700;color:#00ff64;line-height:1;margin-bottom:16px;font-family:var(--font-display)}.title-profession-container{display:inline-flex;align-items:flex-start;position:relative;gap:8px}.degree-tooltip{position:relative;display:inline-block;margin-top:8px}.tooltip-trigger{cursor:pointer;transition:all .3s ease}.tooltip-indicator{display:inline-block;width:18px;height:18px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border-radius:50%;color:#fff;font-size:12px;font-weight:700;line-height:18px;text-align:center;position:relative;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 #ff6b6bb3}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#14141ef2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:12px 16px;margin-bottom:8px;min-width:180px;text-align:center;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .3s ease;z-index:1000}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(20,20,30,.95)}.tooltip-text{display:flex;flex-direction:column;gap:4px}.tooltip-highlight{color:#ff6b6b;font-weight:700;font-size:13px;letter-spacing:.5px}.tooltip-subtext{color:#a0a0a0;font-size:11px;font-weight:500;opacity:.8}.degree-tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.degree-tooltip:hover .tooltip-indicator{background:linear-gradient(135deg,#ff8e8e,#ffb6b6);transform:scale(1.1)}@media (max-width: 768px){.degree-tooltip{--mobile-tooltip-opacity: .3}.tooltip-content{opacity:var(--mobile-tooltip-opacity);visibility:visible;transform:translate(-50%) translateY(0);transition:opacity .3s ease}.degree-tooltip:hover .tooltip-content,.degree-tooltip:focus .tooltip-content,.degree-tooltip:active .tooltip-content{opacity:1}.tooltip-indicator{width:20px;height:20px;line-height:20px}}.degree-tooltip{animation:tooltipIntro 4s ease-in-out 2s}@keyframes tooltipIntro{0%,90%,to{--temp-opacity: 0}45%,55%{--temp-opacity: 1}}.degree-tooltip .tooltip-content{opacity:var(--temp-opacity, 0)}@keyframes pulse{0%{box-shadow:0 0 #ff6b6bb3}70%{box-shadow:0 0 0 6px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.title-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b6b26,#ff6b6b0d);border:1px solid rgba(255,107,107,.4);padding:10px 18px;border-radius:30px;font-size:13px;font-weight:600;color:#ff6b6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;margin-top:12px;box-shadow:0 4px 15px #ff6b6b33;transition:all .3s ease;animation:float 3s ease-in-out infinite}.title-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b4d;border-color:#ff6b6b99}.badge-text{font-family:var(--font-primary)}.badge-emoji{font-size:16px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.hero-title-container{flex-direction:column;gap:0;text-align:center;align-items:center}.hero-title-left,.hero-title-right{align-items:center;text-align:center;width:100%}.hero-title-left{margin-bottom:5px}.hero-title-right{margin-top:0}.title-greeting{font-size:clamp(1rem,4vw,1.4rem);margin-bottom:5px}.title-name{font-size:clamp(2.5rem,12vw,5rem);margin-bottom:10px}.title-role{font-size:clamp(1.5rem,8vw,2.5rem);margin-bottom:2px}.title-profession{font-size:clamp(1.5rem,8vw,2.5rem);margin-bottom:15px}.title-profession-container{justify-content:center;flex-direction:column;align-items:center;gap:12px}.degree-tooltip{margin-top:4px}.tooltip-content{min-width:160px;padding:10px 12px}.tooltip-highlight{font-size:12px}.tooltip-subtext{font-size:10px}.title-badge{margin-top:8px;align-self:center}}@keyframes gradientShift{0%,to{background-position:0% 50%}25%{background-position:25% 50%}50%{background-position:100% 50%}75%{background-position:75% 50%}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-secondary);margin-bottom:48px;max-width:750px;margin-left:auto;margin-right:auto;line-height:1.7;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:1s;font-weight:500;letter-spacing:.02em}.highlight{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:64px;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:1.2s;max-width:1000px;margin-left:auto;margin-right:auto}.stat-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:20px 16px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;min-height:140px;display:flex;flex-direction:column;justify-content:center}.stat-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.stat-card:hover:before{left:100%}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#fff3}.stat-icon{margin-bottom:8px;display:block}.stat-icon i{font-size:2rem;color:#007aff}.stat-content{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.8rem;font-weight:800;color:#fff;display:block;margin-bottom:6px;font-family:var(--font-display);line-height:1}.stat-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:4px;font-family:var(--font-primary);line-height:1.2;text-transform:uppercase;letter-spacing:.5px}.stat-joke{font-size:11px;color:var(--text-secondary);font-style:italic;font-family:var(--font-primary)}.tech-showcase{margin:64px 0;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:1.4s}.tech-label{font-size:16px;color:#fff;margin-bottom:32px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:12px;text-transform:uppercase;letter-spacing:2px}.tech-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;max-width:1200px;margin:0 auto;padding:0 20px;justify-content:center}.tech-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 28px;background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff14);border:1px solid rgba(255,255,255,.15);border-radius:12px;font-size:14px;font-weight:600;color:var(--text-primary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);justify-content:center;min-height:95px;min-width:100px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.tech-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.tech-item:hover:before{left:100%}.tech-item:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff0f,#ffffff1f);border-color:#ffffff4d;transform:translateY(-6px) scale(1.03);box-shadow:0 15px 35px #0003}.tech-icon{font-size:28px;position:relative;z-index:2;margin-bottom:2px}.tech-icon i{color:#fff!important;filter:drop-shadow(0 0 15px rgba(255,255,255,.4));transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tech-item:hover .tech-icon i{color:#fff!important;filter:drop-shadow(0 0 25px rgba(255,255,255,.8));transform:scale(1.15) rotate(5deg)}.tech-item span{font-family:var(--font-display);font-weight:700;letter-spacing:.5px;color:#fff;position:relative;z-index:2;line-height:1.2}.hero-actions{display:flex;gap:24px;justify-content:center;margin-bottom:60px;flex-wrap:wrap;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards;animation-delay:1.6s}.cta-primary,.cta-secondary{position:relative;padding:18px 36px;border-radius:16px;font-weight:700;font-size:16px;cursor:pointer;border:none;display:flex;align-items:center;gap:12px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-decoration:none;overflow:hidden;min-width:200px;justify-content:center;font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 32px #0000004d}.cta-primary{background:linear-gradient(135deg,#007aff,#0056cc);color:#fff;border:1px solid rgba(255,255,255,.2)}.cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.cta-primary:hover:before{left:100%}.cta-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #007aff66;border-color:#fff6}.cta-primary:active{transform:translateY(-2px) scale(1.01)}.cta-secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cta-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-secondary:hover:before{left:100%}.cta-secondary:hover{background:#ffffff26;transform:translateY(-4px) scale(1.02);box-shadow:0 20px 60px #ffffff1a;border-color:#fff6}.cta-secondary:active{transform:translateY(-2px) scale(1.01)}.btn-text{position:relative;z-index:2;transition:all .3s ease}.btn-icon{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.btn-icon i{font-size:16px;transition:all .3s ease}.cta-primary:hover .btn-icon{transform:translate(4px) rotate(12deg) scale(1.1)}.cta-secondary:hover .btn-icon{transform:translate(4px) rotate(-12deg) scale(1.1)}.btn-glow{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:16px;opacity:0;transition:opacity .3s ease;pointer-events:none}.cta-primary .btn-glow{background:radial-gradient(circle,rgba(0,122,255,.3) 0%,transparent 70%)}.cta-secondary .btn-glow{background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%)}.cta-primary:hover .btn-glow,.cta-secondary:hover .btn-glow{opacity:1}.cta-primary.loading,.cta-secondary.loading{pointer-events:none;opacity:.8}.cta-primary.loading .btn-icon i,.cta-secondary.loading .btn-icon i{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-indicator{text-align:center;color:var(--text-secondary);opacity:0;animation:fadeInUp 1s ease forwards;animation-delay:1.8s}.scroll-text{font-size:14px;margin-bottom:16px;font-weight:500}.scroll-mouse{width:24px;height:40px;border:2px solid var(--text-secondary);border-radius:12px;margin:0 auto;position:relative;opacity:.7}.scroll-wheel{width:3px;height:8px;background:var(--text-secondary);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:0;transform:translate(-50%) translateY(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(16px)}}@media (max-width: 1024px){.tech-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;padding:0 20px;max-width:800px}.tech-item{padding:22px 16px;font-size:13px;min-height:100px}.tech-icon{font-size:24px}}@media (max-width: 768px){.hero-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:32px}.stat-card{padding:16px 12px;min-height:120px}.stat-icon i,.stat-number{font-size:1.5rem}.stat-label{font-size:12px}.stat-joke{font-size:10px}.tech-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px}.tech-item{padding:18px 12px;font-size:12px;min-height:85px}.tech-icon{font-size:22px}.hero-actions{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:280px;justify-content:center}}@media (max-width: 480px){.hero-stats{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.stat-card{padding:18px 16px;min-height:110px}.stat-icon i{font-size:1.3rem}.stat-number{font-size:1.4rem}.stat-label{font-size:11px}.stat-joke{font-size:9px}.tech-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 12px}.tech-item{padding:16px 10px;font-size:11px;min-height:75px}.tech-icon{font-size:20px}.floating-element{font-size:1.5rem}.code-rain:before,.code-rain:after{font-size:12px}}@media (max-width: 768px){.hero-actions{flex-direction:column;align-items:center;gap:16px}.cta-primary,.cta-secondary{width:100%;max-width:280px;padding:16px 28px;font-size:15px}.btn-icon{width:20px;height:20px}.btn-icon i{font-size:14px}}@media (max-width: 480px){.hero-title-container{margin-bottom:30px}.title-greeting{font-size:clamp(.9rem,4vw,1.2rem);margin-bottom:3px}.title-name{font-size:clamp(2rem,15vw,4rem);margin-bottom:8px}.title-role{font-size:clamp(1.2rem,10vw,2rem);margin-bottom:1px}.title-profession{font-size:clamp(1.2rem,10vw,2rem);margin-bottom:12px}.title-badge{margin-top:6px;padding:8px 14px;font-size:12px}.badge-emoji{font-size:14px}.cta-primary,.cta-secondary{max-width:260px;padding:14px 24px;font-size:14px}.btn-text{font-size:14px}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);transition:all .3s ease}.nav-container{max-width:var(--container-max);margin:0 auto;padding:0 24px;height:var(--nav-height);display:grid;grid-template-columns:180px minmax(300px,1fr) 280px;align-items:center;gap:15px}.nav-left{display:flex;align-items:center;gap:20px}.logo{font-size:28px;font-weight:800;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:2px}.logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-domain{color:var(--text-secondary);font-weight:400}.header-social-links{display:flex;align-items:center;gap:12px}.header-social-link{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-social-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.header-social-link.linkedin:hover{background:#0a66c233;color:#0a66c2;border-color:#0a66c2;box-shadow:0 4px 12px #0a66c24d}.header-social-link.discord:hover{background:#5865f233;color:#5865f2;border-color:#5865f2;box-shadow:0 4px 12px #5865f24d}.nav-jokes{justify-self:center;display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);text-align:center;min-width:180px}.typing-text{white-space:nowrap}.typing-cursor{animation:blink 1s infinite;color:var(--primary)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:24px}.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:8px;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--glass-bg)}.nav-link i{font-size:14px}.nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.nav-toggle span{width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .3s ease;transform-origin:center}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 1200px){.nav-container{grid-template-columns:180px minmax(180px,1fr) 280px;gap:15px}.nav-left{gap:16px}.nav-jokes{font-size:13px}.header-social-links{gap:10px}.header-social-link{width:38px;height:38px;font-size:15px}}@media (max-width: 1024px){.nav-container{grid-template-columns:160px minmax(160px,1fr) 250px;gap:10px}.nav-left{gap:14px}.nav-jokes{font-size:12px;min-width:140px}}@media (max-width: 768px){.nav-container{display:flex;justify-content:space-between;align-items:center}.nav-left{display:flex;align-items:center;gap:16px}.nav-toggle{display:flex}.header-social-links{gap:12px}.header-social-link{width:44px;height:44px;font-size:18px;border-radius:10px}.nav-links{position:fixed;top:var(--nav-height);left:0;right:0;background:#000000f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);flex-direction:column;padding:20px 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link{width:100%;justify-content:center;padding:16px;margin:4px 0}.nav-jokes{display:none}}@media (max-width: 480px){.header-social-links{gap:10px}.header-social-link{width:40px;height:40px;font-size:16px;border-radius:8px}.logo{font-size:24px}}.footer{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(15,15,25,.95) 50%,var(--bg-secondary) 100%);padding:30px 0 0;border-top:1px solid var(--glass-border);position:relative;overflow:hidden;margin-top:0}.footer-background{position:absolute;inset:0;pointer-events:none;z-index:1}.footer-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(0,122,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(48,209,88,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,159,10,.1) 0%,transparent 50%);animation:particlesFloat 20s ease-in-out infinite}.footer-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:30px 30px;opacity:.5;animation:gridPulse 4s ease-in-out infinite}.footer-glow-effects{position:absolute;inset:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:orbFloat 15s ease-in-out infinite}.glow-orb-1{width:300px;height:300px;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);top:20%;left:10%;animation-delay:0s}.glow-orb-2{width:250px;height:250px;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);top:60%;right:15%;animation-delay:5s}.glow-orb-3{width:200px;height:200px;background:radial-gradient(circle,var(--secondary) 0%,transparent 70%);bottom:30%;left:50%;animation-delay:10s}.footer-floating-elements{position:absolute;inset:0;pointer-events:none;z-index:2}.floating-tech-element{position:absolute;font-size:24px;opacity:.3;animation:techFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.floating-tech-element:nth-child(1){top:15%;left:10%}.floating-tech-element:nth-child(2){top:25%;right:20%}.floating-tech-element:nth-child(3){bottom:40%;left:25%}.floating-tech-element:nth-child(4){bottom:20%;right:15%}.footer-main{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:20px;max-width:1200px;margin-left:auto;margin-right:auto}.footer-brand-section{max-width:450px}.footer-brand-header{margin-bottom:20px}.footer-logo-container{display:flex;flex-direction:column;gap:10px}.footer-logo{display:flex;align-items:center;font-weight:900;font-size:24px;margin-bottom:4px}.footer-logo .logo-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-logo .logo-domain{color:var(--accent);margin-left:2px}.footer-badge{display:inline-block}.footer-badge .badge-text{background:#007aff1a;color:var(--primary);padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(0,122,255,.2)}.footer-mission{margin-bottom:24px}.mission-text{color:var(--text-secondary);line-height:1.8;font-size:18px;margin:0}.highlight-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:600}.highlight-accent{color:var(--accent);font-weight:600}.footer-values{display:flex;justify-content:center;align-items:center;gap:32px;margin:24px 0;flex-wrap:wrap}.value-item{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .3s ease;padding:8px 16px;border-radius:12px;background:#ffffff05;border:1px solid transparent}.value-item:hover{color:var(--primary);background:#007aff0d;border-color:var(--primary);transform:translateY(-2px)}.value-item i{font-size:16px;color:var(--primary)}.footer-navigation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}.footer-nav-section{position:relative}.footer-section-title{color:var(--text-primary);font-weight:700;margin-bottom:24px;font-size:16px;display:flex;align-items:center;gap:8px}.footer-section-title i{color:var(--primary);font-size:14px}.footer-nav-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.footer-nav-link:hover{color:var(--text-primary);background:#ffffff0d;transform:translate(4px)}.footer-nav-link i{width:16px;text-align:center;font-size:12px;color:var(--primary)}.link-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.footer-nav-link:hover .link-glow{left:100%}.footer-tech-list{list-style:none;display:flex;flex-direction:column;gap:12px}.tech-item-footer{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:14px;padding:6px 0}.tech-item-footer i{width:20px;text-align:center;font-size:16px;color:var(--accent)}.footer-social-enhanced{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.social-link-enhanced{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;text-decoration:none;color:var(--text-secondary);transition:all .3s ease;position:relative;overflow:hidden}.social-link-enhanced:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-2px)}.social-icon-container{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff1a}.social-icon-container i{font-size:16px;z-index:2}.social-ripple{position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease}.social-link-enhanced:hover .social-ripple{width:100%;height:100%}.social-link-enhanced.linkedin:hover{border-color:#0a66c2}.social-link-enhanced.linkedin:hover .social-icon-container{background:#0a66c233;color:#0a66c2}.social-link-enhanced.discord:hover{border-color:#5865f2}.social-link-enhanced.discord:hover .social-icon-container{background:#5865f233;color:#5865f2}.social-label{font-size:14px;font-weight:500}.footer-cta{margin-top:20px}.footer-cta-button{display:inline-flex;align-items:center;gap:12px;padding:14px 24px;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;font-size:14px;transition:all .3s ease;position:relative;overflow:hidden}.footer-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007aff4d}.cta-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.footer-cta-button:hover .cta-glow{left:100%}.footer-bottom-enhanced{border-top:1px solid var(--glass-border);padding:20px 0;position:relative}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-copyright-enhanced{display:flex;flex-direction:column;gap:8px}.copyright-text{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:14px}.copyright-year,.copyright-name{font-weight:600}.copyright-name{color:var(--text-secondary)}.pulse{animation:heartbeat 1.5s ease-in-out infinite;color:#ff453a}.build-info{display:flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:12px}.build-tag{display:flex;align-items:center;gap:6px}.build-tag i{color:var(--primary);font-size:10px}.footer-links-enhanced{display:flex;gap:24px}.footer-link-enhanced{display:flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .3s ease;padding:6px 8px;border-radius:6px}.footer-link-enhanced:hover{color:var(--text-primary);background:#ffffff0d}.footer-link-enhanced i{font-size:12px;color:var(--primary)}.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{position:relative;background:var(--bg-secondary);margin:5% auto;padding:0;border:1px solid var(--glass-border);border-radius:20px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header{padding:32px 40px 20px;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-tertiary)}.modal-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0}.modal-close{color:var(--text-secondary);font-size:32px;font-weight:300;cursor:pointer;line-height:1;padding:8px;border-radius:8px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal-close:hover{color:var(--text-primary);background:#ffffff1a}.modal-body{padding:40px;overflow-y:auto;max-height:calc(80vh - 120px)}.modal-body h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:32px 0 16px}.modal-body h3:first-child{margin-top:0}.modal-body p{color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.modal-body ul{color:var(--text-secondary);margin:16px 0;padding-left:20px}.modal-body li{margin-bottom:8px;line-height:1.5}.modal-body a{color:var(--primary);text-decoration:none}.modal-body a:hover{text-decoration:underline}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-bottom:40px}.sitemap-section h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.sitemap-section ul{list-style:none;padding:0}.sitemap-section li{margin-bottom:8px}.sitemap-section a{color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .3s ease}.sitemap-section a:hover{color:var(--primary)}.sitemap-footer{padding-top:32px;border-top:1px solid var(--glass-border);color:var(--text-tertiary);font-size:14px}.sitemap-footer p{margin-bottom:8px}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:60px}.footer-navigation-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:30px}}@media (max-width: 768px){.footer{padding:40px 0 0;margin-top:30px}.footer-main{gap:30px;margin-bottom:30px}.footer-logo{font-size:22px}.mission-text{font-size:16px}.footer-values{gap:16px;margin:20px 0}.footer-navigation-grid{grid-template-columns:1fr;gap:40px;text-align:center}.footer-nav-list,.footer-social-enhanced{align-items:center}.footer-bottom-content{flex-direction:column;text-align:center;gap:16px}.footer-links-enhanced{justify-content:center;gap:16px}.modal-content{margin:10% auto;width:95%}.modal-header,.modal-body{padding:24px}.sitemap-grid{grid-template-columns:1fr;gap:24px}}@media (max-width: 480px){.footer{padding:30px 0 0}.footer-logo{font-size:20px}.footer-values{flex-direction:column;gap:12px;margin:16px 0}.floating-tech-element{font-size:18px}.footer-cta-button{width:100%;justify-content:center}}