@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,-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}:root{--bg-primary:#0f1115;--bg-secondary:#14171c;--bg-card:#ffffff05;--bg-card-hover:#ffffff0a;--text-primary:#f2f3f5;--text-secondary:#a1a6b4;--text-muted:#757b8a;--accent-primary:#00d2ff;--accent-secondary:#3a7bd5;--accent-hover:#00ebff;--accent-muted:#00d2ff1a;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--border-subtle:1px solid #ffffff0a;--shadow-none:none;--shadow-soft:0 8px 32px #0000001a}body{background-color:#0f1115;background-color:var(--bg-primary);background:linear-gradient(135deg,#0f1115,#151820);min-height:100vh;overflow-x:hidden;transition:background-color .3s ease}.portfolio__btn,body{color:#f2f3f5;color:var(--text-primary)}.portfolio__btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0a;border:var(--border-subtle);border-radius:50px;cursor:pointer;font-weight:600;letter-spacing:.5px;padding:.6rem 1.5rem;text-decoration:none!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.portfolio__btn:hover{background:linear-gradient(135deg,#00d2ff,#3a7bd5);background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:#0000;box-shadow:0 10px 20px -5px #00d2ff1a;box-shadow:0 10px 20px -5px var(--accent-muted);color:#121212;transform:translateY(-2px)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.portfolio-note{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff05;background:var(--bg-card);border:1px solid #ffffff0a;border:var(--border-subtle);border-left:3px solid #00d2ff;border-left:3px solid var(--accent-primary);border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 8px 32px #0000001a;box-shadow:var(--shadow-soft);display:flex;gap:1rem;margin:1.5rem auto;max-width:850px;padding:1.25rem 1.5rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.portfolio-note:hover{background:#ffffff0a;background:var(--bg-card-hover);box-shadow:0 10px 30px #00000026;transform:translateY(-2px)}.portfolio-note-icon{color:#00d2ff;color:var(--accent-primary);flex-shrink:0;font-size:1.25rem;margin-top:.15rem}.portfolio-note-content{color:#a1a6b4;color:var(--text-secondary);font-size:.95rem;line-height:1.6}.portfolio-note-content strong{color:#f2f3f5;color:var(--text-primary);font-weight:600}.portfolio-note-highlight{color:#00d2ff;color:var(--accent-primary);font-weight:600}#about{background-color:initial;color:var(--text-secondary);font-size:1.1em;padding-top:5rem}.profile{border:none;border-radius:var(--radius-lg);box-shadow:none;max-width:25em;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.profile:hover{transform:scale(1.02)}.my-details{background-color:initial;border:none;border-radius:var(--radius-lg);box-shadow:none;color:var(--text-primary);padding:1rem 2.5rem}@media(max-width:767px){.about{padding-bottom:2rem}.profile{display:block;margin-left:auto;margin-right:auto;width:80%}.btn__group{justify-content:center}.my-details{margin:0 5px}}.cover{align-items:center;background-color:initial;color:var(--text-primary);display:flex;height:100vh;justify-content:center;padding-top:7rem;width:100vw}.container h1{font-size:4rem;font-weight:800;letter-spacing:-1px}.my_name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-weight:900}.typed__text{font-size:2rem}.btn__group{display:flex;flex-wrap:wrap;justify-content:center}.cv__btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:var(--border-subtle);border-radius:50px;color:var(--text-primary);cursor:pointer;font-size:1.1rem;font-weight:600;padding:.8rem 2rem;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.cv__btn:hover{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-color:#0000;box-shadow:0 10px 20px -5px var(--accent-muted);color:#121212;transform:translateY(-3px)}@media(max-width:767px){.cover{height:720px;padding-bottom:2rem}.cover h1{font-size:2.5rem}.typed__text{font-size:1.3rem}.text{left:0;position:absolute;transform:translateY(110%);width:95%}.btn__group{justify-content:center}}@media(max-width:581px){.text{transform:translateY(109%)}}@media(max-width:473px){.text{transform:translateY(97%)}}@media(max-width:463px){.text{transform:translateY(80%)}}@media(max-width:435px){.text{transform:translateY(75%)}}@media(max-width:393px){.text{transform:translateY(65%)}.text h1{font-size:30px}.cover{padding-top:6rem}}@media(max-width:370px){.text{transform:translateY(60%)}}@media(max-width:335px){.text{transform:translateY(47%)}}@media(max-width:300px){.text{transform:translateY(40%)}.typed__text{font-size:1.2rem}}.my-name{font-size:34px;width:25%}.my-name span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text;background-clip:text;font-weight:900}@media (max-width:768px){.my-name{font-size:28px}}.nav-theme{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--bg-primary);border-bottom:1px solid #ffffff0d;font-size:20px}.animate-navbar{animation:moveDown .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000001a}@keyframes moveDown{0%{opacity:0;transform:translateY(-5rem)}to{opacity:1;transform:translateY(0)}}.custom-toggler{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important;padding:0!important}.hamburger-icon{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;transition:all .3s ease-in-out;width:30px}.hamburger-icon span{background-color:#fff;border-radius:2px;display:block;height:2px;transition:all .3s cubic-bezier(.68,-.6,.32,1.6);width:100%}.hamburger-icon.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-icon.open span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-icon.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}@media (max-width:767px){.custom-collapse{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#121212f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 10px 30px #00000080;margin-top:15px;padding:20px}.nav-link{font-weight:500;letter-spacing:1px;opacity:.8;padding:12px 15px!important;transform:translateX(0);transition:all .2s ease}.nav-link:hover{color:#00d2ff!important;color:var(--accent-color,#00d2ff)!important;opacity:1;transform:translateX(8px)}.collapsing .nav-link,.show .nav-link{animation:slideIn .4s ease forwards;opacity:0}.show .nav-link:first-child{animation-delay:.1s}.show .nav-link:nth-child(2){animation-delay:.15s}.show .nav-link:nth-child(3){animation-delay:.2s}.show .nav-link:nth-child(4){animation-delay:.25s}.show .nav-link:nth-child(5){animation-delay:.3s}.show .nav-link:nth-child(6){animation-delay:.35s}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.skills-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.skill-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:var(--border-subtle);border-radius:20px;display:flex;flex-direction:column;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-card:hover{border-color:var(--accent-primary);box-shadow:0 15px 30px -10px var(--accent-muted);transform:translateY(-5px)}.skill-card-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.skill-card-title:after{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:40px}.skill-card:hover .skill-card-title:after{width:60px}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:auto}.skill-tag{background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.skill-tag:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1) 0,rgba(var(--accent-secondary-rgb),.1) 100%);border-color:var(--accent-primary);box-shadow:0 4px 10px #0000001a;color:var(--accent-primary);transform:translateY(-2px)}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}}.experience-timeline{margin:0 auto;max-width:900px;padding-left:2rem;position:relative}.experience-timeline:before{background:linear-gradient(to bottom,#0000 0,var(--accent-primary) 10%,var(--accent-secondary) 90%,#0000 100%);border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.experience-item{margin-bottom:2.5rem;position:relative}.experience-item:last-child{margin-bottom:0}.timeline-dot{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary);height:14px;left:-2.5rem;position:absolute;top:1.6rem;transition:transform .3s ease,box-shadow .3s ease;width:14px;z-index:1}.experience-item:hover .timeline-dot{box-shadow:0 0 18px var(--accent-primary);transform:scale(1.3)}.experience-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:var(--border-subtle);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.experience-card:hover{border-color:#00d2ff2e;box-shadow:0 16px 40px -12px var(--accent-muted);transform:translateY(-4px)}.experience-header{align-items:flex-start;border-bottom:1px solid #ffffff0d;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.experience-role{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 .35rem}.experience-company{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.company-name{color:var(--accent-primary);font-size:.95rem;font-weight:600}.company-divider{color:var(--text-muted);font-size:.85rem}.company-location{color:var(--text-secondary);font-size:.9rem}.experience-time{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.4rem}.experience-period{color:var(--text-secondary);font-size:.88rem;font-weight:500;white-space:nowrap}.experience-type{background:#00d2ff14;border:1px solid #00d2ff26;border-radius:50px;color:var(--accent-primary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.experience-highlights{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0 0 1.5rem;padding:0}.highlight-item{align-items:flex-start;color:var(--text-secondary);display:flex;font-size:.93rem;gap:.75rem;line-height:1.65;transition:color .2s ease}.highlight-item:hover{color:var(--text-primary)}.highlight-bullet{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);border-radius:50%;flex-shrink:0;height:6px;margin-top:.55rem;width:6px}.experience-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.25rem}.exp-tag{background:#ffffff08;border:1px solid #ffffff14;border-radius:50px;color:var(--text-secondary);font-size:.82rem;font-weight:500;padding:.4rem .9rem;transition:all .3s ease}.exp-tag:hover{background:linear-gradient(135deg,#00d2ff1a,#3a7bd51a);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}@media (max-width:768px){.experience-timeline{padding-left:1.5rem}.timeline-dot{height:12px;left:-2rem;width:12px}.experience-header{align-items:flex-start;flex-direction:column}.experience-time{align-items:flex-start;flex-direction:row;flex-wrap:wrap}.experience-card{padding:1.5rem}}.project-card{background-color:var(--bg-card);border:var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.project-card:hover{box-shadow:0 15px 30px #0003;transform:translateY(-8px)}.project-card .card-img-top{transition:transform .6s ease}.project-card:hover .card-img-top{transform:scale(1.05)}.project-card .card-footer{background-color:initial;border-top:var(--border-subtle);padding:1.5rem}.project-card:after{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f1115cc;color:var(--text-primary);content:"View Details \2192";display:flex;font-size:1.25rem;font-weight:600;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%}.project-card:hover:after{opacity:1}.modal-close-btn{background:#0000;border:none;color:#b0b3b8;color:var(--text-secondary,#b0b3b8);cursor:pointer;outline:none;padding:0;transition:all .3s ease}.modal-close-btn:hover{color:#ff4d4d;transform:scale(1.1) rotate(90deg)}.tech-tags{gap:10px}.tech-badge{background-color:#ffffff0d;background-color:var(--bg-hover,#ffffff0d);border:1px solid #2d333b;border:1px solid var(--border-subtle,#2d333b);border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:500;padding:6px 14px;transition:all .3s ease}.tech-badge:hover{background-color:#1ed76026;border-color:#1ed76080;color:#1ed760;transform:translateY(-2px)}.portfolio__btn-outline{background-color:initial!important;border:2px solid #b0b3b8!important;border:2px solid var(--text-secondary,#b0b3b8)!important;color:#fff!important;color:var(--text-primary,#fff)!important}.portfolio__btn-outline:hover{background-color:#ffffff1a!important;background-color:var(--bg-hover,#ffffff1a)!important;border-color:#fff!important;border-color:var(--text-primary,#fff)!important}@media(max-width:767px){.gap-3{gap:.5rem}.portfolio__btn{margin-bottom:5px;width:100%}}.snapshot-container{align-items:center;background-color:#ffffff0d;background-color:var(--bg-hover,#ffffff0d);border-radius:inherit;display:flex;height:100%;justify-content:center;min-height:200px;overflow:hidden;position:relative;width:100%}.snapshot-img{height:100%;object-fit:cover;transition:transform .5s ease,opacity .5s ease;width:100%}.snapshot-img.hidden{opacity:0}.snapshot-img.fade-in{opacity:1}.snapshot-container:hover .snapshot-img{transform:scale(1.05)}.snapshot-skeleton{align-items:center;animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#1a1d23 25%,#252a31 50%,#1a1d23 75%);background-size:200% 100%;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute}.skeleton-text{color:var(--text-secondary);font-size:.8rem;letter-spacing:1px;margin-top:10px;text-transform:uppercase}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.snapshot-error{padding:20px;text-align:center}.error-icon{display:block;font-size:2rem;margin-bottom:10px}.snapshot-error p{color:var(--text-secondary);font-size:.8rem;margin:0}.title{color:var(--accent-primary)}.contact__form{margin-top:2rem}.contact__form .container{background-color:var(--bg-secondary);border:var(--border-subtle);border-radius:var(--radius-lg);box-shadow:none;height:100%;padding:3.5rem;width:100%}.contact__form .form-control{background:var(--bg-card);border:none;border-bottom:var(--border-subtle);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-primary);font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease}.contact__form .form-control:focus{background:#ffffff0d;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-muted)}@media(max-width:767px){.contact__form{margin:0 5px}.contact__form .container{padding:2rem 1.5rem}.contact__form .form-control{font-size:1rem;padding:1rem}}.footer{background-color:initial;border-top:var(--border-subtle);margin-top:5rem;padding:3rem .5rem 2rem}.footer a,.footer button{background:none;border:none;border-radius:10%;color:var(--text-muted);font-size:1.5rem;margin-right:1.5rem;padding:.5rem;text-decoration:none;transition:all .3s ease}.footer a:hover,.footer button:hover{background:#ffffff0d;color:var(--text-primary);transform:translateY(-3px)}.particles-box{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}
/*# sourceMappingURL=main.8a4154a7.css.map*/