@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary-color:#4dabf7;--secondary-color:#15aabf;--accent-color:#82c91e;--bg-dark:#121212;--bg-card:#1a1a1a;--bg-card-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#707070;--shadow-card:0 4px 20px #00000040;--transition-speed:0.3s}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--bg-dark);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{height:auto;max-width:100%}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1a1a;background:var(--bg-card)}::-webkit-scrollbar-thumb{background:#2a2a2a;background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4dabf7;background:var(--primary-color)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-backdrop-filter:100px;backdrop-filter:100px;background-image:radial-gradient(#234e70,#000);color:#fff;font-family:Poppins,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:80px;padding:20px;transition:margin-left .3s}.portfolio-grid{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:auto;grid-template-columns:repeat(3,1fr)}.grid-item{width:100%}.profile-card-area{grid-column:1/3;grid-row:1}.stats-area{grid-column:3/4;grid-row:1}.skill-area{grid-column:1/3;grid-row:3}.learning-area{grid-column:2/3;grid-row:4}.tools-area{grid-column:1/4;grid-row:4}.heatmap-area{grid-column:1/2;grid-row:3}.timeline-area{grid-column:2/4;grid-row:3}.full-width-area{grid-column:1/4}@media (max-width:1200px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.profile-card-area{grid-column:1/2;grid-row:1}.stats-area{grid-column:2/3;grid-row:1}.skill-area{grid-column:1/3;grid-row:2}.learning-area{grid-column:2/3;grid-row:2}.tools-area{grid-column:1/3;grid-row:3}.heatmap-area{grid-column:1/2;grid-row:4}.timeline-area{grid-column:2/3;grid-row:4}.full-width-area{grid-column:1/3}}@media (max-width:768px){.portfolio-grid{gap:15px;grid-template-columns:1fr}.full-width-area,.heatmap-area,.learning-area,.profile-card-area,.skill-area,.stats-area,.timeline-area,.tools-area{grid-column:1}.profile-card-area{grid-row:1}.stats-area{grid-row:2}.skill-area{grid-row:3}.learning-area{grid-row:4}.tools-area{grid-row:5}.heatmap-area{grid-row:6}.timeline-area{grid-row:7}.main-content{margin-left:0;padding:70px 15px 15px}}.sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1a1a1a69;border-right:1px solid #2a2a2a7a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .3s;width:80px;z-index:100}.sidebar:hover{width:180px}.sidebar-top{border-bottom:1px solid #2a2a2a;padding:20px 10px}.sidebar-nav{display:flex;flex-direction:column;margin-top:20px}.sidebar-nav-item{align-items:center;color:#a0a0a0;display:flex;padding:12px 15px;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.sidebar-nav-item:hover{background-color:#2a2a2a;color:#fff}.sidebar-icon{font-size:18px;margin-right:15px;text-align:center;width:24px}.sidebar-label{opacity:0;transition:opacity .2s}.sidebar:hover .sidebar-label{opacity:1}@media (max-width:768px){.sidebar{flex-direction:row;height:60px;overflow-x:auto;width:100%}.sidebar-top{display:none}.sidebar-nav{flex-direction:row;margin-top:0;width:100%}.sidebar-label{display:none}.sidebar-nav-item{padding:15px}.sidebar-icon{margin-right:0}.sidebar:hover{width:100%}}.weather-widget{align-items:center;background-color:#2a2a2a99;border-radius:8px;color:#fff;display:flex;font-size:12px;justify-content:center;margin-bottom:10px;padding:8px;transition:all .3s}.weather-widget:hover{background-color:#3e3e3ecc}.weather-info{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center;width:100%}.weather-temp{font-size:14px;font-weight:700;margin-bottom:3px}.weather-date,.weather-location{font-size:10px;opacity:.8}.weather-location{margin-top:2px}@media (max-width:768px){.weather-widget{display:none}}.profile-card{-webkit-backdrop-filter:12px;backdrop-filter:12px;background-color:#1a1a1a69;border:1px solid #fff;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;overflow:hidden;transition:transform .3s,box-shadow .3s;width:100%}.profile-card:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.profile-card-content{align-items:start;display:flex;flex-direction:row;padding:20px}.profile-image-container{border:3px solid #2a2a2a;border-radius:12px;height:200px;overflow:hidden;position:relative;width:200px}.profile-image{height:100%;object-fit:cover;width:100%}.profile-info{margin-left:15px;text-align:left}.profile-name{color:#fff;font-size:54px;font-weight:600}.profile-title{color:#4dabf7;font-size:22px;font-weight:500;margin-bottom:10px}.profile-email,.profile-location{align-items:start;color:#a0a0a0;display:flex;font-size:12px;justify-content:start;margin-bottom:5px}.email-icon,.location-icon{margin-right:5px}.profile-social-links{display:flex;justify-content:start;margin-bottom:15px}.social-link{align-items:center;border-radius:50%;color:#fff;display:flex;height:36px;justify-content:center;margin:0 5px;text-decoration:none;transition:background-color .2s,transform .2s;width:36px}.social-link:hover{transform:scale(1.1)}.contact-button,.profile-contact-buttons{display:flex;justify-content:center}.contact-button{align-items:center;background-color:#2a2a2a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;margin:0 8px;transition:background-color .2s,transform .2s;width:40px}.contact-button:hover{background-color:#3a3a3a;transform:scale(1.1)}.phone-button{background-color:#4dabf7}.message-button{background-color:#15aabf}@media (max-width:480px){.profile-card{max-width:none;width:100%}.profile-image-container{height:100px;width:100px}.profile-name{font-size:20px}}.about-section{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.about-section:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.about-header{margin-bottom:20px}.about-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.about-content{display:flex;flex-direction:column;gap:25px}.section-title{color:#4dabf7;font-size:16px;font-weight:600;margin:0 0 12px}.objective-text{color:#d0d0d0;font-size:15px;line-height:1.6;margin:0}.education-timeline{padding-left:20px;position:relative}.education-timeline:before{background-color:#2a2a2a;bottom:0;content:"";left:4px;position:absolute;top:0;width:2px}.education-item{margin-bottom:20px;position:relative}.education-item:last-child{margin-bottom:0}.timeline-dot{background-color:#4dabf7;border-radius:50%;height:10px;left:-20px;position:absolute;top:8px;width:10px;z-index:1}.education-content{padding-left:15px}.institution{color:#fff;font-size:15px;font-weight:600;margin:0 0 5px}.degree{color:silver;font-size:14px;margin:0 0 5px}.period{color:#a0a0a0;font-size:13px;margin:0}@media (max-width:480px){.about-section{padding:15px}.institution,.objective-text{font-size:14px}.degree{font-size:13px}.period{font-size:12px}}.stats-container{margin-bottom:20px}.stats-container,.stats-row{display:flex;flex-direction:column;gap:20px}.stats-row{flex-wrap:wrap}.stat-card{align-items:center;background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;display:flex;flex:1 1;justify-content:space-between;min-width:150px;padding:20px;transition:transform .3s,box-shadow .3s}.stat-card:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:32px;font-weight:700;margin-bottom:5px}.stat-title{color:#a0a0a0;font-size:14px}.stat-icon{align-items:center;background-color:#2a2a2a;border-radius:12px;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.stat-primary .stat-value{color:#4dabf7}.special-card{align-items:center;background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;display:flex;flex:1 1;min-width:150px;padding:20px;transition:transform .3s,box-shadow .3s}.special-card:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.special-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;margin-right:15px;width:40px}.special-info .special-icon{background-color:#4dabf733;color:#4dabf7}.special-action .special-icon{background-color:#15aabf33;color:#15aabf}.special-content{flex-grow:1}.special-title{font-size:16px;font-weight:600;margin-bottom:5px}.special-description{color:#a0a0a0;font-size:13px}.special-arrow{color:#15aabf;font-size:24px;margin-left:10px}.special-action{background-color:#15aabf1a;border:1px solid #15aabf4d;cursor:pointer}.special-info{background-color:#4dabf71a;border:1px solid #4dabf74d}@media (max-width:768px){.stats-row{flex-direction:column}.special-card,.stat-card{width:100%}.stat-value{font-size:28px}}.resume-section{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.resume-section:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.resume-header{margin-bottom:20px}.resume-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.resume-preview{border-radius:8px;box-shadow:0 3px 10px #0000004d;margin-bottom:25px;position:relative}.resume-preview:before{background:linear-gradient(180deg,#1a1a1ae6,#1a1a1a00);border-radius:8px 8px 0 0;height:40px;top:0}.resume-preview:after,.resume-preview:before{content:"";left:0;pointer-events:none;position:absolute;right:0;z-index:1}.resume-preview:after{background:linear-gradient(0deg,#1a1a1ae6,#1a1a1a00);border-radius:0 0 8px 8px;bottom:0;height:60px}.resume-paper{background-color:#fff;border-radius:8px;color:#333;font-family:Arial,sans-serif;max-height:300px;overflow-y:auto;padding:30px}.resume-content{position:relative}.resume-heading{margin-bottom:20px;text-align:center}.resume-heading h2{color:#333;font-size:22px;margin:0 0 5px}.resume-title{color:#4dabf7;font-weight:500;margin:0}.resume-contact-info{font-size:14px;line-height:1.4;margin-bottom:20px}.resume-contact-info p{margin:5px 0}.info-label{font-weight:700}.resume-skills h3{border-bottom:1px solid #e0e0e0;color:#333;font-size:16px;margin:0 0 10px;padding-bottom:5px}.skills-categories{display:flex;flex-direction:column;gap:10px}.skill-category h4{color:#555;font-size:14px;margin:0 0 5px}.skill-category p{color:#666;font-size:13px;margin:0}.resume-actions{display:flex;justify-content:center}.download-button{align-items:center;background-color:#4dabf7;border:none;border-radius:25px;box-shadow:0 2px 10px #4dabf74d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s,transform .2s}.download-button:hover{background-color:#3a97e3;box-shadow:0 4px 15px #4dabf766;transform:translateY(-3px)}.download-icon{margin-right:8px}@media (max-width:480px){.resume-section{padding:15px}.resume-paper{max-height:250px;padding:20px}.resume-heading h2{font-size:20px}.download-button{font-size:13px;padding:8px 16px}}.skill-distribution{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.skill-distribution:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.distribution-header{margin-bottom:15px}.distribution-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.distribution-chart{align-items:center;display:flex;justify-content:center;margin-bottom:20px;position:relative}.distribution-chart canvas{height:auto;max-width:100%}.distribution-legend{display:flex;flex-direction:column;gap:10px}.legend-item{align-items:center;display:flex}.legend-color{border-radius:50%;height:12px;margin-right:10px;width:12px}.legend-info{align-items:center;display:flex}.legend-percentage{font-size:14px;font-weight:600;margin-right:8px;min-width:30px}.legend-label{color:#a0a0a0;font-size:13px}.legend-item{cursor:pointer;position:relative}.skill-topics-popup{right:calc(100% + 15px)}@media (max-width:768px){.skill-topics-popup{max-width:90vw;top:-120px;width:250px}.skill-topics-popup,.skill-topics-popup:after{left:50%;right:auto;transform:translateX(-50%)}.skill-topics-popup:after{border-color:#2a2a2a #0000 #0000;top:100%}}@media (max-width:480px){.skill-distribution{padding:15px}.distribution-chart{margin-bottom:15px}.distribution-chart canvas{height:160px;width:160px}.legend-percentage{font-size:13px}.legend-label{font-size:12px}}.learning-tracker{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.learning-tracker:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.tracker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tracker-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.tracker-actions{display:flex}.tracker-action{align-items:center;background-color:#2a2a2a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:8px;transition:background-color .2s,transform .2s;width:32px}.tracker-action:hover{background-color:#3a3a3a;transform:scale(1.1)}.tracker-action.play{background-color:#4dabf7}.tracker-display{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.tracker-time{text-align:center}.time-total{color:#4dabf7;font-size:28px;font-weight:700;margin-bottom:5px}.tracker-items{margin-top:15px}.tracker-item{align-items:center;display:flex;margin-bottom:15px;position:relative}.tracker-item:last-child{margin-bottom:0}.item-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-right:12px;width:36px}.item-info{flex-grow:1;margin-right:12px}.item-label{font-size:14px;font-weight:500;margin-bottom:3px}.item-duration{color:#a0a0a0;font-size:12px}.item-progress{background-color:#2a2a2a;border-radius:3px;height:6px;margin-top:8px;overflow:hidden;position:relative;width:100%}.progress-bar{background:linear-gradient(90deg,#4dabf7,#15aabf);border-radius:3px;height:100%;left:0;position:absolute;top:0;transition:width .8s ease-in-out}@media (max-width:480px){.learning-tracker{padding:15px}.time-total{font-size:24px}.item-icon{font-size:16px;height:30px;width:30px}.item-label{font-size:13px}}.tech-stack{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.tech-stack:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.tech-stack-header{margin-bottom:20px}.tech-stack-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.tech-stack-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.tech-stack-content{grid-template-columns:1fr 1fr}}.tech-category{background-color:#2a2a2a;border-radius:12px;padding:15px;transition:transform .2s}.tech-category:hover{transform:translateY(-3px)}.category-header{margin-bottom:15px}.category-header h4{border-bottom:1px solid #4dabf74d;color:#4dabf7;font-size:16px;font-weight:600;margin:0;padding-bottom:8px}.skills-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.skill-item{align-items:center;background-color:#333;border-radius:8px;display:flex;gap:10px;padding:8px;transition:background-color .2s}.skill-item:hover{background-color:#3a3a3a}.skill-item{cursor:pointer;position:relative}.skill-topics-popup{background-color:#2a2a2a;border:1px solid #444;border-radius:6px;box-shadow:0 4px 8px #0000004d;color:#fff;left:-220px;max-height:250px;overflow-y:auto;padding:12px 16px;width:200px;z-index:1000}.skill-topics-popup,.skill-topics-popup:after{position:absolute;top:50%;transform:translateY(-50%)}.skill-topics-popup:after{border:5px solid #0000;border-left-color:#2a2a2a;content:"";right:-10px}.skill-topics-popup h4{color:#fff;font-size:16px;margin-bottom:8px;margin-top:0}.skill-topics-popup ul{margin:0;padding-left:16px}.skill-topics-popup li{color:#ccc;font-size:14px;margin-bottom:4px}@media (max-width:768px){.skill-topics-popup{max-width:90vw;top:-120px;width:250px}.skill-topics-popup,.skill-topics-popup:after{left:50%;right:auto;transform:translateX(-50%)}.skill-topics-popup:after{border-color:#2a2a2a #0000 #0000;top:100%}}.skill-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.skill-info{display:flex;flex-direction:column;gap:5px}.skill-name{font-size:14px;font-weight:500}.proficiency-indicator{display:flex;gap:3px}.proficiency-dot{background-color:#444;border-radius:50%;height:8px;transition:background-color .3s;width:8px}.proficiency-dot.filled{background-color:#4dabf7}@media (max-width:480px){.tech-stack{padding:15px}.skills-grid{grid-template-columns:1fr}.skill-item{padding:6px}.skill-icon{font-size:14px;height:28px;width:28px}.skill-name{font-size:13px}}.tools-used{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.tools-used:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.tools-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tools-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.tools-badge{background-color:#2a2a2a;border-radius:12px;color:#a0a0a0;font-size:12px;font-weight:600;padding:4px 8px}.tools-list{display:flex;flex-direction:column;gap:12px}.tool-item{align-items:center;background-color:#2a2a2a;border-radius:12px;display:flex;padding:10px;transition:background-color .2s}.tool-item:hover{background-color:#3a3a3a}.tool-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;margin-right:12px;width:36px}.tool-info{flex-grow:1;margin-right:12px}.tool-name{font-size:14px;font-weight:500;margin-bottom:6px}.tool-progress-container{background-color:#1a1a1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.tool-progress-bar{background:linear-gradient(90deg,#4dabf7,#15aabf);height:100%}.tool-proficiency{color:#4dabf7;font-size:14px;font-weight:600;min-width:40px;text-align:right}@media (max-width:480px){.tools-used{padding:15px}.tool-item{padding:8px}.tool-icon{font-size:16px;height:30px;width:30px}.tool-name{font-size:13px}.tool-proficiency{font-size:13px;min-width:35px}}.project-highlights{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.project-highlights:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.highlights-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.highlights-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.navigation-dots{display:flex;gap:6px}.nav-dot{background-color:#2a2a2a;border-radius:50%;cursor:pointer;height:8px;transition:background-color .2s;width:8px}.nav-dot.active{background-color:#4dabf7}.project-card{display:flex;flex-direction:column;gap:20px}.project-image{background-color:#2a2a2a;border-radius:12px;height:180px;overflow:hidden}.project-image,.projectImage{height:100%;object-fit:cover;width:100%}.project-content{display:flex;flex-direction:column;gap:12px}.project-title{color:#fff;font-size:20px;font-weight:600;margin:0}.project-description{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0}.project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:5px}.tech-tag{background-color:#4dabf733;border:1px solid #4dabf74d;border-radius:12px;color:#4dabf7;font-size:12px;font-weight:500;padding:4px 10px}.project-features{margin-top:5px}.project-features h5{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.project-features ul{list-style-type:none;margin:0;padding:0}.project-features li{color:#a0a0a0;font-size:13px;line-height:1.4;margin-bottom:6px;padding-left:18px;position:relative}.project-features li:before{color:#4dabf7;content:"•";font-size:16px;font-weight:700;left:0;position:absolute}.project-links{display:flex;gap:15px;margin-top:10px}.project-link{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;padding:8px 15px;text-decoration:none;transition:transform .2s,box-shadow .2s}.project-link:hover{box-shadow:0 4px 12px #0003;transform:translateY(-3px)}.project-link.live{background-color:#4dabf7;color:#fff}.project-link.github{background-color:#2a2a2a;color:#fff}.link-icon{margin-right:6px}.project-navigation{bottom:20px;display:flex;gap:10px;position:absolute;right:20px}.nav-button{align-items:center;background-color:#2a2a2a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s,transform .2s;width:32px}.nav-button:hover{background-color:#3a3a3a;transform:scale(1.1)}@media (min-width:768px){.project-card{flex-direction:row}.project-image{height:auto;width:40%}.project-content{width:60%}}@media (max-width:480px){.project-highlights{padding:15px}.project-title{font-size:18px}.project-navigation{bottom:15px;right:15px}}.activity-heatmap{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.activity-heatmap:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.heatmap-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.heatmap-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.heatmap-toggle{background-color:#2a2a2a;border-radius:20px;display:flex;padding:4px}.toggle-label{border-radius:16px;cursor:pointer;font-size:12px;padding:4px 8px;transition:background-color .2s,color .2s}.toggle-label.active{background-color:#4dabf7;color:#fff}.toggle-label:not(.active){color:#a0a0a0}.heatmap-grid{display:flex;flex-direction:column;gap:8px}.time-labels{display:flex;margin-left:30px}.time-label{display:none;flex:1 1;font-size:10px;height:24px;text-align:center;transform:rotate(90deg);transform-origin:left;white-space:nowrap}.time-label:nth-child(3n+1){display:block}.grid-container{display:flex;overflow-x:auto;padding-bottom:10px}.day-column{display:flex;flex-direction:column;margin-right:4px}.day-label{color:#a0a0a0;font-size:11px;margin-bottom:8px;text-align:center}.day-cells{display:flex;flex-direction:column;gap:4px}.grid-cell{border-radius:3px;height:18px;transition:transform .2s;width:18px}.grid-cell:hover{transform:scale(1.2)}.activity-none{background-color:#2a2a2a}.activity-low{background-color:#4dabf74d}.activity-medium{background-color:#4dabf799}.activity-high{background-color:#4dabf7e6}@media (max-width:768px){.activity-heatmap{padding:15px}.grid-cell{height:14px;width:14px}.time-label:nth-child(3n+1){font-size:9px}.day-label{font-size:10px}}.tasks-timeline{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;overflow:hidden;padding:20px;position:relative;transition:transform .3s,box-shadow .3s}.tasks-timeline:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.timeline-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.timeline-search{display:flex;gap:8px}.filter-button,.search-button{align-items:center;background-color:#2a2a2a;border:none;border-radius:50%;color:#a0a0a0;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:background-color .2s,color .2s;width:28px}.filter-button:hover,.search-button:hover{background-color:#3a3a3a;color:#fff}.timeline-days{display:flex;justify-content:space-between;margin-bottom:20px;overflow-x:auto;padding-bottom:8px}.day-item{align-items:center;border-radius:50%;cursor:pointer;display:flex;flex-direction:column;min-width:40px;padding:6px;transition:background-color .2s}.day-item:hover{background-color:#2a2a2a}.day-item.current-day{background-color:#4dabf7;position:relative}.day-item.current-day:after{background-color:#4dabf7;border-radius:50%;bottom:-8px;content:"";height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.day-number{font-size:16px;font-weight:600}.day-name{color:#a0a0a0;font-size:12px}.current-day .day-name{color:#fff}.timeline-schedule{height:400px;overflow-y:auto;padding-right:10px;position:relative}.time-slot{align-items:center;display:flex;height:60px;position:relative}.time-label{color:#a0a0a0;flex-shrink:0;font-size:12px;padding-right:10px;text-align:right;width:40px}.time-line{background-color:#2a2a2a;flex-grow:1;height:1px}.task-item{border-radius:8px;left:50px;padding:10px;position:absolute;right:0;transition:transform .2s,box-shadow .2s;z-index:1}.task-item:hover{box-shadow:0 4px 15px #0000004d;transform:translateX(5px);z-index:2}.task-learning{background-color:#15aabf33;border-left:3px solid #15aabf}.task-meeting{background-color:#4dabf733;border-left:3px solid #4dabf7}.task-review{background-color:#82c91e33;border-left:3px solid #82c91e}.task-debugging{background-color:#fa525233;border-left:3px solid #fa5252}.task-milestone{background-color:#e67e2233;border-left:3px solid #e67e22}.task-content{display:flex;flex-direction:column}.task-time{font-size:12px;font-weight:500;margin-bottom:4px}.task-title{font-size:14px;font-weight:500;margin-bottom:6px}.task-assignees{display:flex;gap:4px}.assignee-avatar{align-items:center;background-color:#4dabf7;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:20px;justify-content:center;width:20px}@media (max-width:768px){.tasks-timeline{padding:15px}.timeline-schedule{height:350px}.task-item{left:40px;padding:8px}.time-label{font-size:11px;width:30px}.task-title{font-size:13px}}.career-timeline{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.career-timeline:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.timeline-header{margin-bottom:25px}.timeline-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.timeline-wrapper{padding-left:40px;position:relative}.timeline-track{background-color:#2a2a2a;bottom:10px;left:15px;position:absolute;top:10px;width:2px}.timeline-item{margin-bottom:30px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-marker{border-radius:50%;height:15px;left:-40px;position:absolute;top:15px;transform:translateX(-50%);width:15px;z-index:2}.timeline-item.education .timeline-marker,.timeline-marker{background-color:#4dabf7}.timeline-item.training .timeline-marker{background-color:#82c91e}.timeline-item.project .timeline-marker{background-color:#f76707}.timeline-item.internship .timeline-marker{background-color:#ae3ec9}.timeline-content{position:relative}.timeline-date{color:#a0a0a0;font-size:14px;font-weight:600;margin-bottom:10px}.timeline-card{background-color:#2a2a2a;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;overflow:hidden;transition:transform .2s}.timeline-card:hover{transform:translateY(-3px)}.timeline-icon{align-items:center;display:flex;font-size:20px;justify-content:center;padding:15px 0;width:50px}.timeline-icon,.timeline-icon.education{background-color:#4dabf7}.timeline-icon.training{background-color:#82c91e}.timeline-icon.project{background-color:#f76707}.timeline-icon.internship{background-color:#ae3ec9}.timeline-details{flex-grow:1;padding:15px}.timeline-title{color:#fff;font-size:16px;font-weight:600;margin:0 0 5px}.timeline-organization{color:silver;font-size:14px;font-weight:500;margin:0 0 10px}.timeline-description{color:#a0a0a0;font-size:14px;line-height:1.5;margin:0 0 10px}.timeline-skills{display:flex;flex-wrap:wrap;gap:5px}.timeline-skill{background-color:#4dabf71a;border:1px solid #4dabf733;border-radius:10px;color:#4dabf7;font-size:12px;padding:3px 8px}.timeline-item.education .timeline-skill{background-color:#4dabf71a;border-color:#4dabf733;color:#4dabf7}.timeline-item.training .timeline-skill{background-color:#82c91e1a;border-color:#82c91e33;color:#82c91e}.timeline-item.project .timeline-skill{background-color:#f767071a;border-color:#f7670733;color:#f76707}.timeline-item.internship .timeline-skill{background-color:#ae3ec91a;border-color:#ae3ec933;color:#ae3ec9}@media (max-width:768px){.timeline-wrapper{padding-left:30px}.timeline-marker{height:12px;left:-30px;width:12px}.timeline-track{left:12px}.timeline-icon{font-size:18px;width:40px}}@media (max-width:480px){.career-timeline{padding:15px}.timeline-wrapper{padding-left:25px}.timeline-marker{height:10px;left:-25px;width:10px}.timeline-track{left:10px}.timeline-icon{font-size:16px;padding:12px 0;width:35px}.timeline-details{padding:12px}.timeline-title{font-size:15px}.timeline-description,.timeline-organization{font-size:13px}}.contact-form-section{background-color:#1a1a1a;border-radius:16px;box-shadow:0 4px 20px #00000040;color:#fff;margin-bottom:20px;padding:20px;transition:transform .3s,box-shadow .3s}.contact-form-section:hover{box-shadow:0 6px 25px #0000004d;transform:translateY(-5px)}.contact-header{margin-bottom:20px}.contact-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.contact-content{gap:25px}.contact-content,.contact-info{display:flex;flex-direction:column}.contact-info{gap:15px}.contact-info p{color:#d0d0d0;font-size:15px;line-height:1.5;margin:0}.social-links{align-items:start;display:flex;flex-wrap:wrap;gap:15px;margin-left:20px}.social-link-container{align-items:center;background-color:#2a2a2a;border-radius:25px;color:#fff;display:flex;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:background-color .2s,transform .2s;width:120px}.social-link-container:hover{transform:translateY(-3px)}.social-icon{font-size:16px;margin-right:8px}.contact-form{gap:15px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#a0a0a0;font-size:14px;font-weight:500}.form-group input,.form-group textarea{background-color:#2a2a2a;border:1px solid #2a2a2a;border-radius:8px;color:#fff;font-size:14px;padding:10px 15px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4dabf7;box-shadow:0 0 0 2px #4dabf733;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#707070}.submit-message{border-radius:8px;font-size:14px;margin-bottom:5px;padding:10px 15px}.submit-message.success{background-color:#82c91e33;border:1px solid #82c91e4d;color:#82c91e}.submit-message.error{background-color:#ff6b6b33;border:1px solid #ff6b6b4d;color:#ff6b6b}.submit-button{align-items:center;background-color:#4dabf7;border:none;border-radius:25px;box-shadow:0 2px 10px #4dabf74d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:5px;padding:10px 20px;transition:background-color .2s,transform .2s}.submit-button:hover{background-color:#3a97e3;box-shadow:0 4px 15px #4dabf766;transform:translateY(-3px)}.send-icon{margin-right:8px}@media (min-width:768px){.contact-content{flex-direction:row}.contact-info{width:35%}.contact-form{width:65%}.social-links{flex-direction:column}}@media (max-width:480px){.contact-form-section{padding:15px}.submit-button{font-size:13px;padding:8px 16px}.social-link{font-size:13px;padding:6px 12px}}
/*# sourceMappingURL=main.b1c78385.css.map*/