*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#fff;line-height:1.6;overflow-x:hidden}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.text-gradient-cyan{background:linear-gradient(135deg, #00f5ff, #b026ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg, #b026ff, #f0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg, #00ff9d, #00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-pink{background:linear-gradient(135deg, #b026ff, #f0a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-orange{background:linear-gradient(135deg, #f97316, #ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease, transform 0.6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:0.3s ease;background:transparent}.nav.scrolled{background:rgba(10,10,10,0.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:"JetBrains Mono",monospace;font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;transition:0.2s ease}.nav-logo:hover{color:#00f5ff}.nav-logo-bracket{color:#00f5ff}.nav-links{display:flex;list-style:none;gap:2rem}.nav-link{color:#a1a1aa;text-decoration:none;font-size:0.875rem;font-weight:500;transition:0.2s ease;position:relative}.nav-link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#00f5ff;transition:0.2s ease}.nav-link:hover{color:#fff}.nav-link:hover::after{width:100%}.nav-link-cta{background:rgba(0,245,255,0.1);border:1px solid rgba(0,245,255,0.3);padding:0.5rem 1rem;border-radius:9999px;color:#00f5ff}.nav-link-cta::after{display:none}.nav-link-cta:hover{background:rgba(0,245,255,0.2);border-color:#00f5ff}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:0.5rem}.nav-toggle span{width:24px;height:2px;background:#fff;transition:0.2s ease}@media (max-width: 768px){.nav-links{position:fixed;top:70px;left:0;right:0;background:rgba(10,10,10,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:2rem;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1);transform:translateY(-150%);transition:transform 0.3s ease}.nav-links.active{transform:translateY(0)}.nav-toggle{display:flex}}.section{position:relative;padding:6rem 1.5rem;z-index:1}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;font-family:"JetBrains Mono",monospace;font-size:0.875rem;color:#b026ff;margin-bottom:1rem}.section-tag-green{color:#00ff9d}.section-tag-pink{color:#f0a}.section-tag-cyan{color:#00f5ff}.section-title{font-size:clamp(2rem, 5vw, 3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:#a1a1aa;max-width:600px;margin:0 auto}.footer{padding:3rem 1.5rem;border-top:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.5)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.footer-logo{font-family:"JetBrains Mono",monospace;font-size:1.25rem;font-weight:700;color:#00f5ff}.footer-tagline{font-size:0.875rem;color:#a1a1aa;margin-top:0.5rem}.footer-social{display:flex;gap:1rem}.footer-social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);color:#a1a1aa;transition:0.2s ease}.footer-social-link svg{width:18px;height:18px}.footer-social-link:hover{border-color:#00f5ff;color:#00f5ff;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.05)}.footer-bottom p{font-size:0.875rem;color:#71717a;margin-bottom:0.5rem}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:48px;height:48px;border-radius:50%;background:rgba(0,245,255,0.1);border:1px solid rgba(0,245,255,0.3);color:#00f5ff;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:0.3s ease;z-index:100;display:flex;align-items:center;justify-content:center}.back-to-top svg{width:20px;height:20px}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:rgba(0,245,255,0.2);transform:translateY(-3px)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:6rem 1.5rem}.orbs-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.4}.orb-1{width:400px;height:400px;background:radial-gradient(circle, rgba(0,245,255,0.3) 0%, transparent 70%);animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle, rgba(176,38,255,0.3) 0%, transparent 70%);animation:orbFloat2 25s ease-in-out infinite}.orb-3{width:350px;height:350px;background:radial-gradient(circle, rgba(0,245,255,0.2) 0%, transparent 70%);animation:orbFloat3 18s ease-in-out infinite}.orb-4{width:450px;height:450px;background:radial-gradient(circle, rgba(255,0,170,0.2) 0%, transparent 70%);animation:orbFloat4 22s ease-in-out infinite}.orb-5{width:300px;height:300px;background:radial-gradient(circle, rgba(0,255,157,0.2) 0%, transparent 70%);animation:orbFloat5 15s ease-in-out infinite}@keyframes orbFloat1{0%, 100%{transform:translate(10%, 20%) scale(1)}25%{transform:translate(60%, 40%) scale(1.2)}50%{transform:translate(30%, 60%) scale(0.9)}75%{transform:translate(50%, 30%) scale(1.1)}}@keyframes orbFloat2{0%, 100%{transform:translate(70%, 10%) scale(1)}33%{transform:translate(40%, 50%) scale(1.1)}66%{transform:translate(80%, 30%) scale(0.9)}}@keyframes orbFloat3{0%, 100%{transform:translate(20%, 70%) scale(1)}50%{transform:translate(50%, 40%) scale(1.15)}}@keyframes orbFloat4{0%, 100%{transform:translate(80%, 60%) scale(1)}33%{transform:translate(50%, 80%) scale(0.95)}66%{transform:translate(70%, 40%) scale(1.1)}}@keyframes orbFloat5{0%, 100%{transform:translate(40%, 30%) scale(1)}50%{transform:translate(60%, 50%) scale(1.2)}}.grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(0,245,255,0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0,245,255,0.03) 1px, transparent 1px);background-size:50px 50px;opacity:0.5;pointer-events:none}.floating-snippets{position:absolute;inset:0;pointer-events:none;overflow:hidden}.snippet{position:absolute;font-family:"JetBrains Mono",monospace;font-size:0.75rem;color:#00f5ff;opacity:0.15;white-space:nowrap}.snippet-1{top:20%;left:10%;animation:floatSnippet 6s ease-in-out infinite}.snippet-2{top:30%;right:15%;animation:floatSnippet 8s ease-in-out infinite 0.5s}.snippet-3{bottom:30%;left:15%;animation:floatSnippet 7s ease-in-out infinite 1s}.snippet-4{bottom:25%;right:10%;animation:floatSnippet 5s ease-in-out infinite 1.5s}@keyframes floatSnippet{0%, 100%{opacity:0.1;transform:translateY(0)}50%{opacity:0.25;transform:translateY(-20px)}}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;border:1px solid rgba(0,245,255,0.3);background:rgba(0,245,255,0.05);color:#00f5ff;font-family:"JetBrains Mono",monospace;font-size:0.875rem;margin-bottom:2rem;animation:fadeIn 0.6s ease-out 0.2s both}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:#00ff9d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.hero-title{margin-bottom:1.5rem}.hero-title-line{display:block;font-size:clamp(1.5rem, 4vw, 2.5rem);font-weight:400;color:#fff;margin-bottom:0.5rem;animation:fadeIn 0.6s ease-out 0.3s both}.hero-title-name{display:block;font-size:clamp(2.5rem, 8vw, 5rem);font-weight:800;background:linear-gradient(135deg, #00f5ff, #b026ff, #f0a);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite, fadeIn 0.6s ease-out 0.4s both}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.hero-typing{font-family:"JetBrains Mono",monospace;font-size:clamp(1rem, 3vw, 1.5rem);color:#a1a1aa;margin-bottom:1.5rem;height:2rem;animation:fadeIn 0.6s ease-out 0.5s both}.typing-prompt{color:#00f5ff;margin-right:0.5rem}.typing-cursor{display:inline-block;width:2px;height:1.2em;background:#00f5ff;margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%, 100%{opacity:1}50%{opacity:0}}.hero-quote{max-width:700px;margin:0 auto 2rem;padding:1.5rem;border-left:3px solid #00f5ff;background:rgba(0,245,255,0.05);border-radius:0 1rem 1rem 0;animation:fadeIn 0.6s ease-out 0.55s both}.hero-quote p{font-size:clamp(0.875rem, 2vw, 1.125rem);font-style:italic;color:#fff;line-height:1.6;margin:0}.hero-description{font-size:clamp(1rem, 2vw, 1.25rem);color:#a1a1aa;max-width:600px;margin:0 auto 2rem;line-height:1.7;animation:fadeIn 0.6s ease-out 0.6s both}.hero-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2.5rem;animation:fadeIn 0.6s ease-out 0.7s both}.hero-tag{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:0.5rem;font-size:0.875rem;color:#a1a1aa;transition:0.2s ease}.hero-tag:hover{border-color:rgba(0,245,255,0.5);background:rgba(0,245,255,0.1);color:#fff;transform:translateY(-2px)}.hero-tag-icon{width:1rem;height:1rem;color:#00f5ff}.hero-social{display:flex;justify-content:center;gap:1rem;animation:fadeIn 0.6s ease-out 0.8s both}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,0.2);color:#a1a1aa;transition:0.2s ease}.social-link svg{width:20px;height:20px}.social-link:hover{border-color:#00f5ff;color:#00f5ff;transform:translateY(-3px) rotate(5deg)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);color:#71717a;transition:0.2s ease;animation:bounce 2s ease-in-out infinite}.scroll-indicator svg{width:32px;height:32px}.scroll-indicator:hover{color:#00f5ff}@keyframes bounce{0%, 100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.about{background:linear-gradient(to bottom, transparent, rgba(0,245,255,0.02), transparent)}.about-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-bottom:4rem}.about-card{padding:2rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;transition:0.3s ease}.about-card:hover{border-color:rgba(0,245,255,0.2);background:rgba(0,245,255,0.05);transform:translateY(-5px)}.about-card-icon{font-size:2.5rem;margin-bottom:1rem}.about-card-title{font-size:1.25rem;font-weight:600;margin-bottom:0.75rem;color:#fff}.about-card-text{color:#a1a1aa;font-size:0.9375rem;line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));gap:2rem;margin-bottom:4rem}.stat-item{text-align:center;padding:1.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;transition:0.2s ease}.stat-item:hover{border-color:rgba(0,245,255,0.3);transform:translateY(-3px)}.stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg, #00f5ff, #b026ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:0.5rem}.stat-label{font-size:0.875rem;color:#a1a1aa}.about-quote{text-align:center;padding:3rem;border-left:3px solid #00f5ff;background:rgba(0,245,255,0.03);border-radius:0 1rem 1rem 0}.about-quote p{font-size:1.25rem;font-style:italic;color:#a1a1aa;max-width:800px;margin:0 auto}.journey{background:linear-gradient(to bottom, transparent, rgba(176,38,255,0.02), transparent)}.timeline{position:relative;max-width:900px;margin:0 auto}.timeline-line{position:absolute;left:2rem;top:0;bottom:0;width:2px;background:rgba(255,255,255,0.1)}@media (min-width: 768px){.timeline-line{left:50%;transform:translateX(-50%)}}.timeline-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:linear-gradient(135deg, #00f5ff, #b026ff);transition:height 0.3s ease}.timeline-item{position:relative;display:flex;align-items:flex-start;margin-bottom:3rem;padding-left:5rem}@media (min-width: 768px){.timeline-item{padding-left:0;justify-content:flex-end}.timeline-item[data-side="right"]{justify-content:flex-start}}@media (min-width: 768px){.timeline-item[data-side="left"] .timeline-content{margin-right:3rem;text-align:right}}@media (min-width: 768px){.timeline-item[data-side="right"] .timeline-content{margin-left:3rem;text-align:left}}.timeline-content{flex:1;max-width:400px;padding:1.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;transition:0.3s ease;position:relative}.timeline-content:hover{border-color:rgba(0,245,255,0.2);background:rgba(0,245,255,0.05);transform:scale(1.02)}.timeline-current-indicator{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:0.5rem;font-size:0.75rem;color:#00f5ff;font-weight:600}.timeline-current-indicator .pulse{width:8px;height:8px;border-radius:50%;background:#00f5ff;position:relative}.timeline-current-indicator .pulse::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:#00f5ff;opacity:0.5;animation:ping 1.5s ease-out infinite}@keyframes ping{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2);opacity:0}}.timeline-date{display:inline-block;padding:0.25rem 0.75rem;border-radius:9999px;font-family:"JetBrains Mono",monospace;font-size:0.75rem;font-weight:500;margin-bottom:0.75rem;color:white}.timeline-date-orange{background:linear-gradient(135deg, #f97316, #ef4444)}.timeline-date-blue{background:linear-gradient(135deg, #3b82f6, #06b6d4)}.timeline-date-purple{background:linear-gradient(135deg, #a855f7, #ec4899)}.timeline-date-green{background:linear-gradient(135deg, #22c55e, #10b981)}.timeline-date-yellow{background:linear-gradient(135deg, #eab308, #f97316)}.timeline-date-cyan{background:linear-gradient(135deg, #06b6d4, #a855f7)}.timeline-date-pink{background:linear-gradient(135deg, #ec4899, #f43f5e)}.timeline-title{font-size:1.25rem;font-weight:600;margin-bottom:0.25rem;color:#fff}.timeline-role{font-family:"JetBrains Mono",monospace;font-size:0.875rem;color:#00f5ff;margin-bottom:0.75rem}.timeline-description{font-size:0.9375rem;color:#a1a1aa;line-height:1.6;margin-bottom:1rem}.timeline-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 0.75rem;background:rgba(234,179,8,0.1);border:1px solid rgba(234,179,8,0.3);border-radius:9999px;font-size:0.75rem;color:#eab308;font-weight:600}.timeline-badge svg{width:14px;height:14px}.timeline-stats{display:flex;flex-wrap:wrap;gap:0.5rem}.timeline-stat{padding:0.25rem 0.5rem;background:rgba(0,255,157,0.1);color:#00ff9d;font-family:"JetBrains Mono",monospace;font-size:0.75rem;border-radius:0.25rem}.timeline-icon{position:absolute;left:2rem;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0a0a0a;border:2px solid;transition:0.2s ease}.timeline-icon svg{width:20px;height:20px;color:white}.timeline-icon:hover{transform:translateX(-50%) scale(1.2) rotate(360deg)}@media (min-width: 768px){.timeline-icon{left:50%}}.timeline-icon-orange{border-color:#f97316;background:linear-gradient(135deg, #f97316, #ef4444)}.timeline-icon-blue{border-color:#3b82f6;background:linear-gradient(135deg, #3b82f6, #06b6d4)}.timeline-icon-purple{border-color:#a855f7;background:linear-gradient(135deg, #a855f7, #ec4899)}.timeline-icon-green{border-color:#22c55e;background:linear-gradient(135deg, #22c55e, #10b981)}.timeline-icon-yellow{border-color:#eab308;background:linear-gradient(135deg, #eab308, #f97316)}.timeline-icon-cyan{border-color:#06b6d4;background:linear-gradient(135deg, #06b6d4, #a855f7)}.timeline-icon-pink{border-color:#ec4899;background:linear-gradient(135deg, #ec4899, #f43f5e)}.journey-summary{text-align:center;padding:3rem;background:linear-gradient(135deg, rgba(0,245,255,0.05), rgba(176,38,255,0.05), rgba(255,0,170,0.05));border:1px solid rgba(255,255,255,0.1);border-radius:1.5rem;margin-top:3rem}.journey-summary-icon{font-size:2.5rem;margin-bottom:1rem}.journey-summary-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.journey-summary-text{color:#a1a1aa;max-width:600px;margin:0 auto;line-height:1.7}.skills{position:relative}.skills::before{content:'';position:absolute;top:25%;left:0;width:400px;height:400px;background:rgba(0,245,255,0.03);border-radius:50%;filter:blur(100px);pointer-events:none}.skills::after{content:'';position:absolute;bottom:25%;right:0;width:400px;height:400px;background:rgba(176,38,255,0.03);border-radius:50%;filter:blur(100px);pointer-events:none}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.skill-category{padding:1.5rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;transition:0.3s ease}.skill-category:hover{border-color:rgba(0,245,255,0.2);box-shadow:0 0 30px rgba(0,245,255,0.1)}.skill-category-title{font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;color:#fff}.skill-dot{width:8px;height:8px;border-radius:50%;background:#00f5ff}.skill-list{display:flex;flex-direction:column;gap:1rem}.skill-item{display:flex;flex-direction:column;gap:0.375rem}.skill-header{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:0.875rem;font-weight:500;color:#a1a1aa}.skill-level{font-family:"JetBrains Mono",monospace;font-size:0.75rem;color:#71717a}.skill-bar{height:6px;background:rgba(255,255,255,0.1);border-radius:3px;overflow:hidden}.skill-progress{height:100%;border-radius:3px;background:var(--skill-color, #00f5ff);width:0%;transition:width 1s ease-out;position:relative;overflow:hidden}.skill-progress::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);animation:shimmer-bar 2s linear infinite}@keyframes shimmer-bar{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}.challenges-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem}.challenge-card{padding:1.5rem;background:linear-gradient(135deg, rgba(255,255,255,0.03), transparent);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;transition:0.3s ease}.challenge-card:hover{transform:translateY(-5px);border-color:rgba(0,245,255,0.2);box-shadow:0 10px 40px rgba(0,0,0,0.3)}.challenge-card:hover .challenge-icon{transform:scale(1.2) rotate(10deg)}.challenge-icon{font-size:2rem;margin-bottom:1rem;transition:0.2s ease}.challenge-title{font-size:1.125rem;font-weight:600;margin-bottom:0.75rem;color:#fff}.challenge-description{font-size:0.9375rem;color:#a1a1aa;line-height:1.6}.projects{background:linear-gradient(to bottom, transparent, rgba(255,0,170,0.02), transparent)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem}.project-card{position:relative}.project-card-featured{grid-column:1 / -1}@media (min-width: 768px){.project-card-featured{grid-column:span 2}}.project-card-inner{position:relative;height:100%;padding:1px;border-radius:1.5rem;overflow:hidden;transition:0.3s ease}.project-card-inner:hover{transform:scale(1.02)}.project-card-inner:hover .project-gradient{opacity:1}.project-gradient{position:absolute;inset:0;opacity:0;transition:0.3s ease}.project-gradient-red{background:linear-gradient(135deg, #ef4444, #ec4899)}.project-gradient-orange{background:linear-gradient(135deg, #f97316, #eab308)}.project-gradient-blue{background:linear-gradient(135deg, #3b82f6, #06b6d4)}.project-gradient-purple{background:linear-gradient(135deg, #a855f7, #6366f1)}.project-content{position:relative;height:100%;padding:1.5rem;background:rgba(17,17,17,0.95);border-radius:calc(1.5rem - 1px);backdrop-filter:blur(10px)}.project-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.project-icon{width:48px;height:48px;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-icon svg{width:24px;height:24px;color:white}.project-icon-red{background:linear-gradient(135deg, #ef4444, #ec4899)}.project-icon-orange{background:linear-gradient(135deg, #f97316, #eab308)}.project-icon-blue{background:linear-gradient(135deg, #3b82f6, #06b6d4)}.project-icon-purple{background:linear-gradient(135deg, #a855f7, #6366f1)}.project-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:0.25rem}.project-subtitle{font-size:0.875rem;color:#a1a1aa}.project-badge{margin-left:auto;padding:0.25rem 0.75rem;background:rgba(0,245,255,0.1);border:1px solid rgba(0,245,255,0.2);color:#00f5ff;font-size:0.75rem;font-weight:600;border-radius:9999px}.project-description{font-size:0.9375rem;color:#a1a1aa;line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1rem}.project-tag{padding:0.25rem 0.75rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:9999px;font-size:0.75rem;color:#a1a1aa;transition:0.2s ease}.project-tag:hover{border-color:rgba(0,245,255,0.3);color:#00f5ff;transform:scale(1.05)}.project-stats{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:1rem}.project-stat{text-align:center;padding:0.75rem;background:rgba(255,255,255,0.03);border-radius:0.75rem}.project-stat-value{font-size:1.5rem;font-weight:700;color:#00f5ff;margin-bottom:0.25rem}.project-stat-label{font-size:0.75rem;color:#71717a}.project-links{display:flex;gap:0.75rem}.project-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:0.5rem;font-size:0.875rem;font-weight:500;text-decoration:none;transition:0.2s ease}.project-link svg{width:16px;height:16px}.project-link-primary{background:rgba(0,245,255,0.1);border:1px solid rgba(0,245,255,0.2);color:#00f5ff}.project-link-primary:hover{background:rgba(0,245,255,0.2);border-color:#00f5ff;transform:scale(1.05)}.projects-cta{text-align:center;margin-top:3rem}.projects-cta-button{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);border-radius:9999px;color:#fff;font-weight:500;text-decoration:none;transition:0.3s ease}.projects-cta-button svg{width:20px;height:20px}.projects-cta-button:hover{border-color:rgba(255,255,255,0.5);background:rgba(255,255,255,0.1);transform:scale(1.05)}.projects-cta-arrow{animation:arrow-bounce 1.5s ease-in-out infinite}@keyframes arrow-bounce{0%, 100%{transform:translateX(0)}50%{transform:translateX(5px)}}.facts{position:relative;background:linear-gradient(to bottom, transparent, rgba(0,245,255,0.02), transparent)}.facts-sparkles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle, rgba(0,245,255,0.3) 1px, transparent 1px),radial-gradient(circle, rgba(176,38,255,0.3) 1px, transparent 1px);background-size:100px 100px, 150px 150px;background-position:0 0, 50px 50px;opacity:0.3;animation:sparkle 20s linear infinite}@keyframes sparkle{0%{transform:translateY(0)}100%{transform:translateY(-100px)}}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:1.5rem;perspective:1000px}.fact-card{height:200px;cursor:pointer}.fact-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s}.fact-card:hover .fact-card-inner,.fact-card.flipped .fact-card-inner{transform:rotateY(180deg)}.fact-front,.fact-back{position:absolute;inset:0;padding:2rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1rem;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fact-back{transform:rotateY(180deg);background:linear-gradient(135deg, rgba(0,245,255,0.1), rgba(176,38,255,0.1));border-color:rgba(0,245,255,0.2)}.fact-icon{font-size:3rem;margin-bottom:1rem}.fact-title{font-size:1.125rem;font-weight:600;color:#fff;margin-bottom:0.5rem}.fact-hint{font-size:0.875rem;color:#71717a}.fact-description{font-size:0.9375rem;color:#fff;line-height:1.6}.fact-description strong{color:#00f5ff}.contact{padding-bottom:4rem}.contact-content{text-align:center;max-width:700px;margin:0 auto;padding:4rem 2rem;background:linear-gradient(135deg, rgba(0,245,255,0.05), rgba(176,38,255,0.05));border:1px solid rgba(255,255,255,0.1);border-radius:2rem}.contact-title{font-size:clamp(1.75rem, 4vw, 2.5rem);font-weight:700;margin-bottom:1rem}.contact-description{font-size:1.125rem;color:#a1a1aa;margin-bottom:2rem;line-height:1.7}.contact-cta{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg, #00f5ff, #b026ff);color:#0a0a0a;font-weight:600;font-size:1.125rem;border-radius:9999px;text-decoration:none;transition:0.3s ease;box-shadow:0 0 30px rgba(0,245,255,0.3)}.contact-cta svg{width:20px;height:20px}.contact-cta:hover{transform:scale(1.05);box-shadow:0 0 50px rgba(0,245,255,0.5)}@media (max-width: 768px){.hero{padding:5rem 1rem}.section{padding:4rem 1rem}.about-stats{grid-template-columns:repeat(2, 1fr)}.timeline-item{padding-left:4rem}.timeline-line{left:1.5rem}.timeline-icon{left:1.5rem;width:40px;height:40px}.timeline-icon svg{width:16px;height:16px}.skills-grid{grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}.project-card-featured{grid-column:1}.facts-grid{grid-template-columns:1fr}.fact-card{height:180px}.footer-content{flex-direction:column;text-align:center}.back-to-top{bottom:1rem;right:1rem}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}html{scroll-behavior:auto}}