*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0f0f23;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f23}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.app-container{min-height:100vh;position:relative}.nav-container{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23cc;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-container .logo{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.nav-container .nav-links{gap:2rem;list-style:none;display:flex}.nav-container .nav-links a{color:#ffffffb3;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-container .nav-links a:hover{color:#fff}.nav-container .nav-links a:after{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-container .nav-links a:hover:after{width:100%}.hero-section{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-section .hero-content{text-align:center;z-index:10;padding:2rem}.hero-section .hero-content .hero-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 50%,#f472b6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:800;animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px #6366f180)}50%{filter:drop-shadow(0 0 40px #8b5cf6cc)}}.hero-section .hero-content .hero-subtitle{color:#ffffffb3;margin-bottom:2rem;font-size:1.5rem}.hero-section .hero-content .hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-section .floating-elements{pointer-events:none;position:absolute;inset:0}.hero-section .floating-elements .floating-shape{filter:blur(60px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.hero-section .floating-elements .floating-shape:first-child{background:#6366f1;width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.hero-section .floating-elements .floating-shape:nth-child(2){background:#8b5cf6;width:300px;height:300px;animation-delay:-5s;bottom:-50px;right:-50px}.hero-section .floating-elements .floating-shape:nth-child(3){background:#f472b6;width:200px;height:200px;animation-delay:-10s;top:50%;right:20%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(50px,-50px)scale(1.1)}50%{transform:translateY(-100px)scale(.9)}75%{transform:translate(-50px,-50px)scale(1.05)}}.glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.glass-card:hover{border-color:#6366f180;transform:translateY(-10px);box-shadow:0 20px 60px #6366f14d}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);transition:opacity .3s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary span{z-index:1;position:relative}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:50px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#6366f11a;border-color:#6366f1}.section{max-width:1400px;margin:0 auto;padding:6rem 2rem}.section .section-title{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.section .section-subtitle{text-align:center;color:#ffffffb3;margin-bottom:4rem;font-size:1.2rem}.experience-timeline{padding-left:3rem;position:relative}.experience-timeline:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:2px;position:absolute;top:0;bottom:0;left:0}.experience-timeline .timeline-item{margin-bottom:3rem;padding-left:2rem;position:relative}.experience-timeline .timeline-item:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:1rem;height:1rem;position:absolute;top:.5rem;left:-2.5rem;box-shadow:0 0 20px #6366f1}.experience-timeline .timeline-item .timeline-date{color:#f472b6;margin-bottom:.5rem;font-weight:600}.experience-timeline .timeline-item .timeline-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.experience-timeline .timeline-item .timeline-company{color:#ffffffb3;margin-bottom:1rem}.experience-timeline .timeline-item .timeline-description{color:#ffffffb3;line-height:1.8}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.skill-card{text-align:center}.skill-card .skill-icon{margin-bottom:1rem;font-size:3rem}.skill-card .skill-name{margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.skill-card .skill-level{background:#ffffff1a;border-radius:4px;height:8px;margin-top:1rem;overflow:hidden}.skill-card .skill-level .skill-progress{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width 1s}.notes-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.note-card{cursor:pointer}.note-card .note-title{margin-bottom:.5rem;font-size:1.3rem;font-weight:600}.note-card .note-preview{color:#ffffffb3;margin-bottom:1rem;line-height:1.6}.note-card .note-tags{flex-wrap:wrap;gap:.5rem;display:flex}.note-card .note-tags .tag{color:#a5b4fc;background:#6366f133;border-radius:20px;padding:.25rem .75rem;font-size:.85rem}.videos-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;display:grid}.video-card .video-container{border-radius:16px;margin-bottom:1rem;padding-bottom:56.25%;position:relative;overflow:hidden}.video-card .video-container iframe,.video-card .video-container video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-card .video-title{font-size:1.2rem;font-weight:600}.video-card .video-description{color:#ffffffb3;margin-top:.5rem}.game-nav{flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0;display:flex}.game-nav .game-btn{cursor:pointer;background:#ffffff0d;border:3px solid #fff3;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;transition:all .3s;display:flex}.game-nav .game-btn:hover{border-color:#6366f1;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 40px #6366f166}.game-nav .game-btn.active{border-color:#f472b6;box-shadow:0 10px 40px #f472b666}.game-nav .game-btn .game-btn-label{color:#ffffffb3;margin-top:.25rem;font-size:.7rem}.particles-container{z-index:0;pointer-events:none;position:fixed;inset:0}.footer{text-align:center;color:#ffffffb3;background:#0000004d;padding:3rem 2rem}.footer .social-links{justify-content:center;gap:2rem;margin-bottom:1rem;display:flex}.footer .social-links a{color:#ffffffb3;font-size:1.5rem;transition:color .3s}.footer .social-links a:hover{color:#6366f1}@media (max-width:768px){.hero-section .hero-content .hero-title{font-size:2.5rem}.nav-container{padding:1rem}.nav-container .nav-links{display:none}.section{padding:4rem 1rem}.section .section-title{font-size:2rem}.notes-grid,.videos-grid{grid-template-columns:1fr}}