body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.projects{background:#1a1a1a;padding:20vw 0}@media(min-width:768px){.projects{padding:100px 0}}.projects h2{color:#8b5cf6;font-size:8vw;margin-bottom:8vw;text-align:center}@media(min-width:768px){.projects h2{font-size:2.5rem;margin-bottom:3rem}}.projects .projects-grid{grid-gap:6vw;display:grid;gap:6vw;grid-template-columns:1fr}@media(min-width:768px){.projects .projects-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}.project-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4vw;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.project-card{border-radius:12px}}.project-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.project-card .project-image{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);display:flex;height:60vw;justify-content:center;overflow:hidden;position:relative}@media(min-width:768px){.project-card .project-image{height:250px}}.project-card .project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card .project-image .project-overlay{align-items:center;background:#8b5cf6cc;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card .project-image .project-overlay .project-link{background:none;border:none;color:#fff;cursor:pointer;font-size:8vw;transition:transform .3s ease}@media(min-width:768px){.project-card .project-image .project-overlay .project-link{font-size:2rem}}.project-card .project-image .project-overlay .project-link:hover{transform:scale(1.1)}.project-card .project-image .project-overlay .project-link svg{height:1em;width:1em}.project-card .project-image:hover img{transform:scale(1.1)}.project-card .project-image:hover .project-overlay{opacity:1}.project-card .project-content{padding:6vw}@media(min-width:768px){.project-card .project-content{padding:1.5rem}}.project-card .project-content h3{color:#8b5cf6;font-size:5vw;margin-bottom:2vw}@media(min-width:768px){.project-card .project-content h3{font-size:1.3rem;margin-bottom:.5rem}}.project-card .project-content p{color:#b3b3b3;font-size:4vw;line-height:1.6;margin-bottom:4vw}@media(min-width:768px){.project-card .project-content p{font-size:1rem;margin-bottom:1rem}}.project-card .project-content .project-tech{display:flex;flex-wrap:wrap;gap:2vw}@media(min-width:768px){.project-card .project-content .project-tech{gap:.5rem}}.project-card .project-content .project-tech .tech-tag{background:#8b5cf6;border-radius:5vw;color:#fff;font-size:3vw;font-weight:500;padding:1vw 3vw}@media(min-width:768px){.project-card .project-content .project-tech .tech-tag{border-radius:20px;font-size:.8rem;padding:.2rem .8rem}}.project-detail{background:#0a0a0a;color:#fff;min-height:100vh}.project-detail .back-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2a2a2af2;border:1px solid #3a3a3a;border-radius:8px;box-shadow:0 2px 6px rgba(235,193,255,.445);color:#b3b3b3;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;left:2rem;padding:.75rem 1.5rem;position:fixed;top:7rem;transition:all .3s ease;z-index:999}@media(max-width:767px){.project-detail .back-button{font-size:.9rem;gap:.4rem;left:1rem;padding:.6rem 1.2rem;top:1rem}}.project-detail .back-button:hover{background:#8b5cf6f2;border-color:#8b5cf6;box-shadow:0 6px 20px #8b5cf64d;color:#fff;transform:translateY(-2px)}.project-detail .back-button svg{height:1rem;width:1rem}@media(max-width:767px){.project-detail .back-button svg{height:.9rem;width:.9rem}}.project-detail .project-hero{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;margin-bottom:4rem;padding:8rem 0 2rem}@media(max-width:767px){.project-detail .project-hero{padding:6rem 0 3rem}}.project-detail .project-hero .container{margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.project-detail .project-hero .container{max-width:1200px;padding:0 2rem}}.project-detail .project-hero h1{font-size:8vw;font-weight:700;margin-bottom:2rem}@media(min-width:768px){.project-detail .project-hero h1{font-size:3rem}}.project-detail .project-hero .project-lead{font-size:4.5vw;line-height:1.6;max-width:800px;opacity:.95}@media(min-width:768px){.project-detail .project-hero .project-lead{font-size:1.25rem}}.project-detail .project-content .container{margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.project-detail .project-content .container{max-width:1200px;padding:0 2rem}}.project-detail .project-content .content-section{margin-bottom:6rem}.project-detail .project-content .content-section h2{color:#8b5cf6;font-size:6vw;font-weight:600;margin-bottom:2rem}@media(min-width:768px){.project-detail .project-content .content-section h2{font-size:2rem}}.project-detail .project-content .content-section h3{color:#fff;font-size:4.5vw;font-weight:600;margin-bottom:1rem}@media(min-width:768px){.project-detail .project-content .content-section h3{font-size:1.5rem}}.project-detail .project-content .content-section p{color:#b3b3b3;font-size:4vw;line-height:1.7;margin-bottom:1.5rem}@media(min-width:768px){.project-detail .project-content .content-section p{font-size:1rem}}.project-detail .project-content .text-image-split{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:2rem}@media(min-width:768px){.project-detail .project-content .text-image-split{grid-template-columns:1fr 1fr}.project-detail .project-content .text-image-split.reverse .text-content{order:2}.project-detail .project-content .text-image-split.reverse .image-content{order:1}}.project-detail .project-content .text-image-split .text-content h2,.project-detail .project-content .text-image-split .text-content p{margin-bottom:1.5rem}.project-detail .project-content .text-image-split .image-content .project-image-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px dashed #3a3a3a;border-radius:12px;display:flex;height:50vw;justify-content:center;width:100%}@media(min-width:768px){.project-detail .project-content .text-image-split .image-content .project-image-placeholder{height:300px}}.project-detail .project-content .text-image-split .image-content .project-image-placeholder .placeholder-text{color:#b3b3b3;font-size:3.5vw;font-weight:500}@media(min-width:768px){.project-detail .project-content .text-image-split .image-content .project-image-placeholder .placeholder-text{font-size:1.1rem}}.project-detail .project-content .single-column{margin:0 auto;max-width:800px}.project-detail .project-content .single-column p{font-size:4.5vw;line-height:1.8;margin-bottom:1.5rem}@media(min-width:768px){.project-detail .project-content .single-column p{font-size:1.1rem}}.project-detail .project-content .feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media(min-width:768px){.project-detail .project-content .feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.project-detail .project-content .feature-grid .feature-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.project-detail .project-content .feature-grid .feature-card:hover{box-shadow:0 10px 25px #8b5cf633;transform:translateY(-4px)}.project-detail .project-content .feature-grid .feature-card h3{color:#8b5cf6;font-size:4vw;font-weight:600;margin-bottom:.75rem}@media(min-width:768px){.project-detail .project-content .feature-grid .feature-card h3{font-size:1.3rem}}.project-detail .project-content .feature-grid .feature-card p{color:#b3b3b3;font-size:3.5vw;line-height:1.6;margin:0}@media(min-width:768px){.project-detail .project-content .feature-grid .feature-card p{font-size:1rem}}.project-detail .project-content .achievement-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media(min-width:768px){.project-detail .project-content .achievement-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.project-detail .project-content .achievement-grid .achievement-item{padding:2rem;text-align:center}.project-detail .project-content .achievement-grid .achievement-item .achievement-icon{display:block;font-size:10vw;margin-bottom:1rem}@media(min-width:768px){.project-detail .project-content .achievement-grid .achievement-item .achievement-icon{font-size:3rem}}.project-detail .project-content .achievement-grid .achievement-item h3{color:#8b5cf6;font-size:4vw;font-weight:600;margin-bottom:.75rem}@media(min-width:768px){.project-detail .project-content .achievement-grid .achievement-item h3{font-size:1.25rem}}.project-detail .project-content .achievement-grid .achievement-item p{color:#b3b3b3;font-size:3.5vw;line-height:1.6;margin:0}@media(min-width:768px){.project-detail .project-content .achievement-grid .achievement-item p{font-size:1rem}}.project-detail .project-content .challenge-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media(min-width:768px){.project-detail .project-content .challenge-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.project-detail .project-content .challenge-grid .challenge-item{background:#1a1a1a;border-left:4px solid #8b5cf6;border-radius:12px;padding:2rem}.project-detail .project-content .challenge-grid .challenge-item h3{color:#8b5cf6;font-size:4vw;font-weight:600;margin-bottom:1rem}@media(min-width:768px){.project-detail .project-content .challenge-grid .challenge-item h3{font-size:1.25rem}}.project-detail .project-content .challenge-grid .challenge-item p{color:#b3b3b3;font-size:3.5vw;line-height:1.6;margin:0}@media(min-width:768px){.project-detail .project-content .challenge-grid .challenge-item p{font-size:1rem}}.project-detail .project-content .features-list .feature-item{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.project-detail .project-content .features-list .feature-item h3{align-items:center;color:#8b5cf6;display:flex;font-size:4vw;font-weight:600;gap:.5rem;margin-bottom:.75rem}@media(min-width:768px){.project-detail .project-content .features-list .feature-item h3{font-size:1.25rem}}.project-detail .project-content .features-list .feature-item p{color:#b3b3b3;font-size:3.5vw;line-height:1.6;margin:0}@media(min-width:768px){.project-detail .project-content .features-list .feature-item p{font-size:1rem}}.project-detail .project-content .impact-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:2rem 0}@media(min-width:768px){.project-detail .project-content .impact-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.project-detail .project-content .impact-stats .stat-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;padding:2rem;text-align:center}.project-detail .project-content .impact-stats .stat-card .stat-number{color:#8b5cf6;display:block;font-size:8vw;font-weight:700;line-height:1}@media(min-width:768px){.project-detail .project-content .impact-stats .stat-card .stat-number{font-size:3rem}}.project-detail .project-content .impact-stats .stat-card .stat-label{color:#b3b3b3;font-size:3vw;font-weight:500;letter-spacing:.5px;margin-top:.5rem;text-transform:uppercase}@media(min-width:768px){.project-detail .project-content .impact-stats .stat-card .stat-label{font-size:.9rem}}.project-detail .project-content .tech-stack{background:#1a1a1a;border-radius:16px;margin-bottom:20px;margin-top:4rem;padding:3rem 2rem}.project-detail .project-content .tech-stack h2{color:#8b5cf6;margin-bottom:2rem;text-align:center}.project-detail .project-content .tech-stack .tech-tags{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.project-detail .project-content .tech-stack .tech-tags .tech-tag{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:25px;color:#fff;font-size:3vw;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}@media(min-width:768px){.project-detail .project-content .tech-stack .tech-tags .tech-tag{font-size:.9rem}}.project-detail .project-content .tech-stack .tech-tags .tech-tag.primary,.project-detail .project-content .tech-stack .tech-tags .tech-tag.secondary:hover{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.footer{background:#0a0a0a;border-top:1px solid #3a3a3a;padding:12vw 0 4vw}@media(min-width:768px){.footer{padding:3rem 0 1rem}}.footer .footer-content{grid-gap:8vw;display:grid;gap:8vw;grid-template-columns:1fr;margin-bottom:8vw}@media(min-width:768px){.footer .footer-content{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}}.footer .footer-section h3{color:#8b5cf6;font-size:5vw;margin-bottom:4vw}@media(min-width:768px){.footer .footer-section h3{font-size:1.2rem;margin-bottom:1rem}}.footer .footer-section p{color:#b3b3b3;font-size:4vw;line-height:1.6}@media(min-width:768px){.footer .footer-section p{font-size:1rem}}.footer .contact-info .contact-item{align-items:center;color:#b3b3b3;display:flex;font-size:4vw;gap:2vw;margin-bottom:2vw}@media(min-width:768px){.footer .contact-info .contact-item{font-size:1rem;gap:.5rem;margin-bottom:.5rem}}.footer .contact-info .contact-item .contact-icon{color:#8b5cf6;height:5vw;min-height:18px;min-width:18px;width:5vw}@media(min-width:768px){.footer .contact-info .contact-item .contact-icon{height:18px;width:18px}}.footer .social-links{display:flex;gap:4vw}@media(min-width:768px){.footer .social-links{gap:1rem}}.footer .social-links .social-link{color:#b3b3b3;font-size:6vw;transition:color .3s ease}@media(min-width:768px){.footer .social-links .social-link{font-size:1.5rem}}.footer .social-links .social-link:hover{color:#8b5cf6}.footer .footer-bottom{border-top:1px solid #3a3a3a;color:#b3b3b3;font-size:3.5vw;padding-top:8vw;text-align:center}@media(min-width:768px){.footer .footer-bottom{font-size:.9rem;padding-top:2rem}}@media(max-width:480px){.hero-content h1{font-size:14vw}.hero-content h2{font-size:7vw}.hero-content p{font-size:5vw}.btn{margin:0 auto;max-width:80vw;width:100%}.project-detail .back-button{font-size:3.5vw;margin:1rem 4vw}.project-detail .project-hero{padding:4rem 0 3rem}.project-detail .project-hero h1{font-size:10vw}.project-detail .project-hero .project-lead{font-size:4vw}}@media screen and (orientation:landscape)and (max-height:480px){.hero{height:auto;min-height:100vh;padding:10vh 4vw}.navbar{padding:2vh 0}.hero-content h1{font-size:8vw;margin-bottom:2vh}.hero-content h2{font-size:4vw;margin-bottom:2vh}.hero-content p{font-size:3vw;margin-bottom:4vh}.project-detail .project-hero{padding:4vh 0 2vh}.project-detail .project-hero h1{font-size:6vw}.project-detail .project-hero .project-lead{font-size:3vw}}html{scroll-behavior:smooth}a:focus,button:focus{outline:2px solid #8b5cf6;outline-offset:2px}.project-image:before{animation:spin 1s linear infinite;border:3px solid #3a3a3a;border-radius:50%;border-top-color:#8b5cf6;content:"";height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:1}.project-image img{position:relative;z-index:2}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes expandLine{0%{width:0}to{width:100%}}.hero{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);display:flex;height:100vh;justify-content:center;min-height:100vh;padding:0 4vw;position:relative;text-align:left}.hero:before{background:radial-gradient(circle at 50% 50%,#8b5cf61a 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.hero .hero-content{max-width:90vw;position:relative;width:100%;z-index:1}.hero .hero-content h1{-webkit-text-fill-color:#0000;animation:slideInLeft .8s ease-out forwards;animation-delay:.2s;background:linear-gradient(135deg,#fff,#b3b3b3);-webkit-background-clip:text;background-clip:text;font-size:12vw;font-weight:700;line-height:1.1;opacity:0;transform:translateX(-100px)}@media(min-width:768px){.hero .hero-content h1{font-size:4rem;margin-bottom:1rem}}@media(max-width:767px){.hero .hero-content h1{margin-bottom:4vh}}.hero .hero-content h2{animation:slideInLeft .8s ease-out forwards;animation-delay:.5s;color:#b3b3b3;font-size:6vw;font-weight:400;margin-bottom:4vw;margin-left:3vw;opacity:0;transform:translateX(-100px)}@media(max-width:767px){.hero .hero-content h2{margin-left:0}}@media(min-width:768px){.hero .hero-content h2{font-size:1.5rem;margin-bottom:1rem}}.hero .hero-content p{animation:slideInLeft .8s ease-out forwards;animation-delay:.8s;color:#8b5cf6;font-size:4.5vw;line-height:1.5;margin-bottom:8vw;margin-left:3vw;margin-right:auto;max-width:85vw;opacity:0;transform:translateX(-100px)}@media(max-width:767px){.hero .hero-content p{margin-left:0}}@media(min-width:768px){.hero .hero-content p{font-size:1.2rem;margin-bottom:2rem}}.hero .hero-buttons{animation:slideInLeft .8s ease-out forwards;animation-delay:1.1s;display:flex;flex-wrap:wrap;gap:4vw;justify-content:left;opacity:0;padding-bottom:3vh;position:relative;transform:translateX(-100px)}@media(min-width:768px){.hero .hero-buttons{gap:1rem}}@media(max-width:480px){.hero .hero-buttons{align-items:center;flex-direction:column;gap:4vw}}.hero .hero-buttons:after{animation:expandLine 1s ease-out forwards;animation-delay:1.4s;background:linear-gradient(90deg,#0000,#8b5cf6 50%,#0000);bottom:-2vw;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}@media(min-width:768px){.hero .hero-buttons:after{bottom:-1rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.container{max-width:1200px;padding:0 2rem}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;padding-top:70px}@media(max-width:767px){.main-content{padding-top:15vw}}.btn{align-items:center;border:none;border-radius:2vw;cursor:pointer;display:inline-block;display:flex;font-size:4vw;font-weight:600;justify-content:center;min-height:12vw;padding:3vw 6vw;text-decoration:none;transition:all .3s ease}@media(min-width:768px){.btn{border-radius:8px;display:inline-block;font-size:1rem;min-height:auto;padding:12px 24px}}.btn.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn.btn-primary:hover{box-shadow:0 10px 25px #8b5cf64d;transform:translateY(-2px)}.btn.btn-secondary{background:#0000;border:2px solid #8b5cf6;color:#fff}.btn.btn-secondary:hover{background:#8b5cf6;transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;border-bottom:1px solid #3a3a3a;padding:3vw 0;position:fixed;top:0;width:100%;z-index:1000}@media(min-width:768px){.navbar{padding:1rem 0}}.navbar .navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:90vw;padding:0 4vw}@media(min-width:1200px){.navbar .navbar-container{max-width:1200px;padding:0 20px}}.navbar .navbar-brand h2{color:#fff;font-size:5vw}@media(min-width:768px){.navbar .navbar-brand h2{font-size:1.5rem}}.navbar .navbar-menu{display:flex;gap:6vw}@media(min-width:768px){.navbar .navbar-menu{gap:2rem}}.navbar .navbar-menu a,.navbar .navbar-menu button{background:none;border:none;color:#fff;cursor:pointer;font-size:4vw;font-weight:500;text-decoration:none;transition:color .3s ease}@media(min-width:768px){.navbar .navbar-menu a,.navbar .navbar-menu button{font-size:1rem}}.navbar .navbar-menu a:hover,.navbar .navbar-menu button:hover{color:#8b5cf6}@media(max-width:767px){.navbar .navbar-menu{align-items:center;background:#1a1a1a;flex-direction:column;gap:8vw;height:calc(100vh - 15vw);left:-100%;padding-top:8vw;position:fixed;top:15vw;transition:left .3s ease;width:100vw}.navbar .navbar-menu.active{left:0}.navbar .navbar-menu a,.navbar .navbar-menu button{font-size:6vw;padding:4vw 0}}.navbar .navbar-toggle{cursor:pointer;display:none;font-size:6vw}@media(max-width:767px){.navbar .navbar-toggle{display:block}}.bio{background:#1a1a1a;padding:20vw 0}@media(min-width:768px){.bio{padding:100px 0}}.bio h2{color:#8b5cf6;font-size:8vw;margin-bottom:8vw;text-align:center}@media(min-width:768px){.bio h2{font-size:2.5rem;margin-bottom:3rem}}.bio .bio-content{display:flex;flex-direction:column;margin:0 auto;max-width:90vw}@media(min-width:800px){.bio .bio-content{align-items:center;flex-direction:row;gap:2rem;max-width:auto}}.bio .bio-image{display:flex;justify-content:center;margin-bottom:4vw;order:-1}.bio .bio-image img{border-radius:8px;height:auto;max-width:80%}@media(min-width:768px){.bio .bio-image{flex:1 1;margin-bottom:0;order:0}.bio .bio-image img{max-width:100%}}.bio .bio-text{flex:1 1}.bio .bio-text p{color:#b3b3b3;font-size:4vw;line-height:1.6;margin-bottom:6vw}@media(min-width:768px){.bio .bio-text p{font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}}.title{font-size:8vw;font-weight:700;margin:4vh auto;text-align:center}@media(min-width:768px){.title{font-size:2.5rem;margin:2rem auto}}.skill-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:4vw;margin-bottom:2vh;padding:6vw;transition:transform .3s ease,box-shadow .3s ease}@media(min-width:768px){.skill-card{border-radius:12px;padding:2rem}}.skill-card:hover{box-shadow:0 15px 35px #8b5cf633;transform:translateY(-5px)}.skill-card h3{color:#8b5cf6;font-size:5vw;margin-bottom:6vw}@media(min-width:768px){.skill-card h3{font-size:1.3rem;margin-bottom:1.5rem}}.skill-card .skills-grid{grid-gap:4vw;display:grid;gap:4vw;grid-template-columns:repeat(auto-fit,minmax(25vw,1fr))}@media(min-width:768px){.skill-card .skills-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.skill-card .skill-item{align-items:center;background:#1a1a1a;border-radius:3vw;display:flex;flex-direction:column;padding:4vw;transition:transform .2s ease}@media(min-width:768px){.skill-card .skill-item{border-radius:8px;padding:1rem}}.skill-card .skill-item:hover{transform:scale(1.05)}.skill-card .skill-item .skill-logo{align-items:center;display:flex;justify-content:center;margin-bottom:2vw}@media(min-width:768px){.skill-card .skill-item .skill-logo{margin-bottom:.5rem}}.skill-card .skill-item .skill-logo .skill-image{height:48px;object-fit:contain;width:auto}@media(max-width:767px){.skill-card .skill-item .skill-logo .skill-image{height:8vw;width:auto}}.skill-card .skill-item span{color:#b3b3b3;font-size:3vw;text-align:center}@media(min-width:768px){.skill-card .skill-item span{font-size:.9rem}}.timeline-title{margin-bottom:20vh}@media(max-width:768px){.timeline-title{margin-bottom:0}}.timeline-container{align-items:center;background:linear-gradient(67deg,#0a0a0a,#8b5cf6 400%);color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:60vh;padding:40px 20px;position:relative}.timeline-container:before{top:0}.timeline-container:after,.timeline-container:before{background:linear-gradient(90deg,#0000,#fff 50%,#0000);content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0}.timeline-container:after{bottom:0}.timeline-container.animate-lines:after,.timeline-container.animate-lines:before{animation:expandLine 1s ease-out forwards}.timeline-container.animate-lines:after{animation-delay:.3s}.timeline-wrapper{margin:0 auto;max-width:1200px;padding-bottom:50px;padding-top:50px;position:relative;-webkit-user-select:none;user-select:none;width:90%}.main-line{background-color:#fff;border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%);width:100%;z-index:1}.event-wrapper,.vertical-connector{left:50%;position:absolute;transform:translateX(-50%)}.vertical-connector{background-color:#fff;width:2px;z-index:2}.vertical-connector.top{bottom:100%;height:50px}.vertical-connector.bottom{height:50px;top:100%}.event-card{background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 4px 6px #8b5cf6;padding:16px;position:absolute;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:250px;z-index:3}.event-card:hover{box-shadow:0 8px 12px #7c3aed;transform:scale(1.05)}.event-card.top{bottom:calc(100% + 50px)}.event-card.bottom{top:calc(100% + 50px)}.event-title{color:#fff;font-size:1.25rem;font-weight:600;margin:0 0 4px}.event-company{color:#7f8c8d;font-size:1rem;font-weight:400;margin:0 0 8px}.event-dates{color:#b3b3b3;font-size:.9rem;font-weight:300;margin:0}@media(max-width:768px){.timeline-wrapper{height:auto;padding-bottom:20px;padding-top:20px}.main-line{display:none}.event-wrapper{display:flex;justify-content:center;left:auto!important;margin-bottom:20px;position:relative;transform:none;width:100%}.vertical-connector{display:none}.event-card{bottom:auto;left:auto;position:relative;right:auto;top:auto;transform:none;width:100%}}
/*# sourceMappingURL=main.345c36fb.css.map*/