@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.blog-post{animation:fadeInUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:800px;overflow:hidden}.blog-post-not-found{background:#fdf2f2;border:1px solid #fadbd8;border-radius:8px;color:#e74c3c;font-size:1.2rem;padding:60px 20px;text-align:center}.blog-post-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px}.blog-post-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:20px}.blog-post-meta{display:flex;font-size:1rem;gap:20px;margin-bottom:20px;opacity:.9}.blog-post-date{font-weight:500}.blog-post-author{font-weight:600}.blog-post-tags{display:flex;flex-wrap:wrap;gap:10px}.blog-post-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:5px 15px}.blog-post-content{color:#2c3e50;font-size:1.1rem;line-height:1.8;padding:50px}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4,.blog-post-content h5,.blog-post-content h6{color:#2c3e50;font-weight:700;margin-bottom:20px;margin-top:40px}.blog-post-content h1{border-bottom:3px solid #3498db;font-size:2.2rem;padding-bottom:10px}.blog-post-content h2{border-bottom:2px solid #ecf0f1;font-size:1.8rem;padding-bottom:8px}.blog-post-content h3{font-size:1.5rem}.blog-post-content p{margin-bottom:20px}.blog-post-content ol,.blog-post-content ul{margin-bottom:20px;padding-left:30px}.blog-post-content li{margin-bottom:8px}.blog-post-content blockquote{background:#f8f9fa;border-left:4px solid #3498db;border-radius:0 8px 8px 0;font-style:italic;margin:30px 0;padding:20px 30px}.blog-post-content code{background:#f1f2f6;border-radius:4px;color:#e74c3c;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:2px 6px}.blog-post-content pre{background:#2c3e50;border-radius:8px;color:#ecf0f1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.5;margin:30px 0;overflow-x:auto;padding:25px}.blog-post-content pre code{background:none;border-radius:0;color:inherit;font-size:.95em;padding:0}.blog-post-content a{color:#3498db;font-weight:500;text-decoration:none;transition:color .3s ease}.blog-post-content a:hover{color:#2980b9;text-decoration:underline}@media (max-width:768px){.blog-post{border-radius:8px;margin:20px}.blog-post-header{padding:30px 25px}.blog-post-title{font-size:2rem}.blog-post-content{font-size:1rem;padding:30px 25px}.blog-post-content h1{font-size:1.8rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.3rem}}@media (max-width:480px){.blog-post-content pre{font-size:.85rem;padding:15px}.blog-post-tags{gap:5px}.blog-post-tag{font-size:.75rem;padding:3px 8px}}.blog{animation:fadeInUp .8s ease-out;margin:0 auto;max-width:1100px;padding:80px 20px}.blog-header{animation:fadeInDown .6s ease-out;margin-bottom:60px;text-align:center}.blog-header h1{color:#3498db;font-size:3rem;font-weight:800;margin-bottom:20px}.blog-header p{color:#fff;font-size:1.2rem;line-height:1.6;margin:0 auto;max-width:600px}.blog-loading{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-spinner{color:#666;font-size:1.2rem}.no-posts{background:#f8f9fa;border-radius:8px;color:#666;font-size:1.1rem;margin:20px 0;padding:60px 20px;text-align:center}.back-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;margin-bottom:30px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.back-button:hover:before{left:100%}.back-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.back-button:active{box-shadow:0 4px 15px #667eea4d;transform:translateY(0)}.back-button:first-letter{font-size:1.1em;margin-right:4px}@media (max-width:768px){.back-button{border-radius:20px;font-size:.9rem;padding:10px 20px}}.blog-post-preview{animation:fadeInSlide .6s ease-out forwards;background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;margin-bottom:30px;opacity:0;padding:30px;transform:translateY(20px);transition:all .3s ease}.blog-post-preview:hover{border-color:#3498db;box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.blog-post-preview-title{color:#2c3e50;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:15px;transition:color .3s ease}.blog-post-preview:hover .blog-post-preview-title{color:#3498db}.blog-post-preview-meta{color:#7f8c8d;display:flex;font-size:.9rem;gap:15px;margin-bottom:15px}.blog-post-preview-date{font-weight:500}.blog-post-preview-author{color:#3498db;font-weight:500}.blog-post-preview-excerpt{color:#5d6d7e;font-size:1rem;line-height:1.6;margin-bottom:20px}.blog-post-preview-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-post-preview-tag{background:#ecf0f1;border-radius:20px;color:#34495e;font-size:.8rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.blog-post-preview:hover .blog-post-preview-tag{background:#3498db;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.blog{padding:60px 15px}.blog-header h1{font-size:2.2rem}.blog-post-preview{margin-bottom:20px;padding:20px}.blog-post-preview-title{font-size:1.3rem}.blog-post-preview-meta{flex-direction:column;gap:5px}.back-button{margin-bottom:20px;width:100%}}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;height:-webkit-fit-content;height:fit-content;overflow:hidden;position:relative;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card.expanded{cursor:default;display:flex;flex-direction:row;height:auto;max-width:none;min-height:80vh}.project-card.expanded .project-image{flex:1 1;max-width:50%}.project-card.expanded .project-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:3rem}.project-card.expanded .project-image img{height:100%;object-fit:cover;opacity:1!important;transform:none!important}.expanded-content{animation:fadeIn .5s ease .3s both;margin:2rem 0}.project-details h4{color:#333;font-size:1.3rem;margin-bottom:1rem}.detailed-description{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.project-info{display:flex;flex-direction:column;gap:1rem}.info-item{align-items:center;display:flex;gap:1rem}.info-item strong{color:#333;min-width:100px}.collapse-btn,.details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.collapse-btn:hover,.details-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.project-card.expanded{flex-direction:column;min-height:90vh}.project-card.expanded .project-image{height:300px;max-width:100%}.project-card.expanded .project-content{padding:2rem}}.light-overlay{background:radial-gradient(600px circle at 50% 50%,#fff0 0,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,255,255,var(--light-opacity,0)) 0,#0000 40%);border-radius:20px;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.project-card:hover{border-color:#fff3;box-shadow:0 20px 40px #0000001a}.project-card:hover .light-overlay{opacity:1}.project-image{border-radius:20px 20px 0 0;height:250px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:all .5s ease;width:100%}.project-card:hover .project-image img{opacity:.7;transform:scale(1.05)}.project-content{padding:2rem}.project-content h3{color:#f5f5f5;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.project-description{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#667eea1a;border-radius:15px;color:#667eea;font-size:.8rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.tech-tag:hover{background:#667eea33;transform:translateY(-2px)}.project-links{display:flex;gap:1rem;margin-top:auto}.project-links a,.project-links button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.project-links a:hover,.project-links button:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.project-image:before{background:radial-gradient(600px circle at 50% 50%,#ffffff1a 0,#0000 40%);background:radial-gradient(600px circle at var(--mouse-x,50%) var(--mouse-y,50%),#ffffff1a 0,#0000 40%);border-radius:20px 20px 0 0;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:2}.project-card:hover .project-image:before{opacity:1}.project-overlay{background:linear-gradient(135deg,#3498db08,#3498db05);border-radius:20px 20px 0 0;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:3}.project-card:hover .project-overlay{opacity:1}.modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:99999}.modal-container{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;margin:0;max-height:85vh;max-width:800px;overflow-y:auto;position:relative;width:85vw;z-index:100000}.modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px;z-index:100001}.modal-close:hover{background:#0003;transform:scale(1.1)}.modal-content{padding:40px}.modal-header{align-items:flex-start;display:flex;gap:30px;margin-bottom:40px}.modal-image{border-radius:15px;box-shadow:0 10px 30px #0003;height:200px;object-fit:cover;width:300px}.modal-title-section h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.modal-date{color:#b8c5d6;font-size:1.1rem;font-weight:500}.modal-body{display:flex;flex-direction:column;gap:40px}.modal-body h3{font-size:1.5rem;margin-bottom:20px}.modal-description-section p{color:#e0e6ed;font-size:1.2rem;line-height:1.8}.modal-tech-tags{display:flex;flex-wrap:wrap;gap:12px}.modal-tech-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px}.modal-features-list{list-style:none;padding:0}.modal-features-list li{border-bottom:1px solid #ffffff1a;color:#e0e6ed;font-size:1.1rem;padding:12px 0 12px 30px;position:relative}.modal-features-list li:before{color:#4fc3f7;content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.modal-features-list li:last-child{border-bottom:none}.modal-links{display:flex;flex-wrap:wrap;gap:20px}.modal-link{align-items:center;border-radius:25px;display:flex;font-size:1.1rem;font-weight:600;gap:10px;padding:15px 25px;text-decoration:none;transition:all .3s ease}.modal-link.github{background:linear-gradient(135deg,#333,#555);color:#fff}.modal-link.demo{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-link:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.modal-container{border-radius:18px;margin:0;max-height:90vh;width:80vw}}@media (max-width:768px){.modal-container{border-radius:15px;margin:0;max-height:95vh;width:90vw}.modal-content{padding:20px}.modal-header{flex-direction:column;gap:20px;text-align:center}.modal-image{height:200px;margin:0 auto;max-width:300px;width:100%}.modal-title-section h2{font-size:1.8rem}.modal-links{flex-direction:column}.modal-link{justify-content:center;text-align:center}.modal-body{gap:25px}.modal-body section{padding-bottom:20px}}@media (max-width:480px){.modal-container{border-radius:15px;margin:1vh 1vw;max-height:98vh;width:98vw}.modal-content{padding:15px}.modal-close{font-size:16px;height:30px;right:10px;top:10px;width:30px}.modal-title-section h2{font-size:1.5rem}.modal-body h3{font-size:1.3rem}.modal-tech-tags{gap:8px}.modal-tech-tag{font-size:.8rem;padding:6px 12px}.modal-features-list li{font-size:1rem;padding:10px 0}.modal-link{font-size:1rem;padding:12px 20px}}.modal-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-top:8px;padding:4px 12px}.modal-body section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:2rem;padding:1.5rem}.modal-body h3{align-items:center;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.modal-challenges-list{list-style:none;padding:0}.modal-challenges-list li{background:#ffc10726;border-left:4px solid #ffc107;border-radius:8px;color:#f8f9fa;line-height:1.6;margin-bottom:.8rem;padding:1rem}.modal-outcome-list{list-style:none;padding:0}.modal-outcome-list li{background:#28a74526;border-left:4px solid #28a745;border-radius:8px;color:#f8f9fa;line-height:1.6;margin-bottom:.8rem;padding:1rem 1rem 1rem 3rem;position:relative}.modal-outcome-list li:before{content:"✅";font-size:1.2rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.modal-reflection-section{background:linear-gradient(135deg,#6c757d26,#343a4026);border:1px solid #6c757d4d}.modal-reflection-section p{color:#f8f9fa;font-size:1.05rem;font-style:italic;line-height:1.8}.modal-screenshots-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.screenshot-item{border-radius:10px;box-shadow:0 4px 15px #0000004d;overflow:hidden;transition:transform .3s ease}.screenshot-item:hover{transform:scale(1.05)}.screenshot-image{display:block;height:200px;object-fit:cover;width:100%}.modal-role-section,.modal-stack-section{background:linear-gradient(135deg,#0d6efd26,#667eea26);border:1px solid #0d6efd4d}.modal-role-section p,.modal-stack-section p{color:#e3f2fd;font-size:1.05rem;line-height:1.7}@media (max-width:768px){.modal-screenshots-grid{grid-template-columns:1fr}.modal-body section{margin-bottom:1.5rem;padding:1rem}.modal-body h3{font-size:1.1rem}.modal-challenges-list li,.modal-outcome-list li{font-size:.9rem;padding:.8rem .8rem .8rem 2.5rem}.modal-outcome-list li:before{font-size:1rem;left:.8rem}}.modal-role-categories{display:flex;flex-direction:column;gap:1.5rem}.modal-role-category{background:#0d6efd1a;border-left:4px solid #0d6efd;border-radius:8px;padding:1rem}.modal-role-category h4{color:#4fc3f7;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;margin-top:0}.modal-role-category ul{list-style:none;margin:0;padding:0}.modal-role-category ul li{color:#e0e6ed;font-size:1.05rem;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.modal-role-category ul li:before{color:#4fc3f7;content:"▸";font-weight:700;left:0;position:absolute}.modal-role-list,.modal-stack-list{list-style:none;margin:0;padding:0}.modal-role-list li,.modal-stack-list li{border-bottom:1px solid #ffffff1a;color:#e0e6ed;font-size:1.05rem;line-height:1.6;padding:.7rem 0 .7rem 1.5rem;position:relative}.modal-role-list li:last-child,.modal-stack-list li:last-child{border-bottom:none}.modal-role-list li:before,.modal-stack-list li:before{color:#4fc3f7;content:"●";font-size:.8rem;left:0;position:absolute}@media (max-width:768px){.modal-role-category{padding:.8rem}.modal-role-category h4{font-size:1rem}.modal-role-category ul li{font-size:.95rem;padding:.4rem 0 .4rem 1.2rem}.modal-role-list li,.modal-stack-list li{font-size:.95rem;padding:.6rem 0 .6rem 1.2rem}}.projects-container{animation:fadeIn 1s ease-in;margin:0 auto;max-width:1200px;padding:2rem}.projects-header{margin-bottom:3rem;text-align:center}.projects-header h1{color:#58a6ff;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.projects-header p{color:#8b949e;font-size:1.1rem}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));perspective:1000px}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}@media (max-width:768px){.projects-container{padding:1rem}.projects-header h1{font-size:2rem}.projects-grid{gap:1.5rem;grid-template-columns:1fr}}@media (max-width:480px){.projects-header h1{font-size:1.8rem}.projects-header p{font-size:1rem}}.category-filter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.filter-btn{background:linear-gradient(135deg,#3498db1a,#3498db33);border:1px solid #3498db4d;border-radius:25px;color:#c9d1d9;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.9rem;font-weight:500;padding:.5rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:linear-gradient(135deg,#3498db33,#3498db4d);border-color:#3498db80;box-shadow:0 5px 15px #3498db33;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;box-shadow:0 5px 15px #3498db4d;color:#fff}.project-card-wrapper{animation:slideInUp .6s ease forwards;opacity:0;transform:translateY(30px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.no-projects{color:#8b949e;font-size:1.1rem;padding:3rem;text-align:center}@media (max-width:768px){.category-filter{gap:.5rem}.filter-btn{font-size:.8rem;padding:.4rem 1rem}}body.modal-open .project-card:not(.modal-active){opacity:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden}body.modal-open .project-card.modal-active{z-index:999998}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0d1117;color:#c9d1d9;font-family:IBM Plex Mono,monospace;padding:0 10vw}header{width:100%}nav a{color:#fff;margin-left:2rem;padding-bottom:4px;position:relative;text-decoration:none}nav a:after{background:linear-gradient(90deg,#58a6ff,#3b82f6);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s ease;width:0}nav a:hover:after{width:100%}body{animation:gradientShift 8s ease-in-out infinite;background:linear-gradient(-45deg,#0a0a0a,#1a1a1a,#2a2a2a,#1a1a1a);background-size:400% 400%;color:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;overflow-x:hidden;padding:0}.App,body{display:flex;min-height:100vh}.App{flex:1 1;flex-direction:column;padding:0 2rem}.App,header{margin:0 auto;max-width:1100px}header{justify-content:space-between;padding:2rem 0}.intro,header{align-items:center;display:flex}.intro{animation:fadeIn 2s ease-in;gap:6rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:5rem;max-width:1000px;padding:0 2rem;perspective:1000px;position:relative}@media (max-width:1200px){.App{padding:0 1.5rem}.App,.intro{max-width:100%}.intro{padding:0 1rem}}.intro-text{max-width:60%}.intro-text h1{font-size:2.5rem;margin-bottom:1rem}.intro img{border-radius:50%;box-shadow:0 0 10px #ffffff1a;height:220px;width:220px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.typing-text{color:#58a6ff;display:inline-block;font-weight:600;min-width:200px;position:relative}.typing-text:after{animation:blink 1s infinite;color:#58a6ff;content:"|";font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:768px){.typing-text{min-width:150px}}.profile-image-3d{cursor:pointer;transform-style:preserve-3d;will-change:transform}.intro img,.profile-image-3d{animation:profileGlow 3s ease-in-out infinite alternate;border-radius:20px;box-shadow:0 0 20px #fff3,0 0 40px #ffffff1a,0 0 60px #ffffff0d,0 10px 30px #0000004d;flex-shrink:0;height:280px;object-fit:cover;width:280px}.intro img{transition:transform .3s ease}@media (max-width:768px){.intro{flex-direction:column;gap:2rem;text-align:center}.intro img,.profile-image-3d{border-radius:15px;height:250px;width:250px}}.main-content{flex:1 1}.footer{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-top:1px solid #ffffff1a;color:#c9d1d9;font-size:.8rem;margin-top:auto;padding:1.5rem 0 .5rem}.footer-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1100px;padding:0 2rem}.footer-section h3{color:#58a6ff;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.footer-section p{color:#8b949e;font-size:.75rem;margin-bottom:.3rem}.quick-links,.social-links{display:flex;flex-direction:column;gap:.3rem}.quick-links a,.social-links a{color:#8b949e;font-size:.75rem;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}.quick-links a:hover,.social-links a:hover{color:#58a6ff;transform:translateX(5px)}.quick-links a:after,.social-links a:after{background:#58a6ff;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.quick-links a:hover:after,.social-links a:hover:after{width:100%}.footer-bottom{border-top:1px solid #ffffff0d;color:#6e7681;font-size:.7rem;margin-top:1rem;padding:1rem 0 .5rem;text-align:center}.brand-link{color:inherit}.brand-link,.brand-link:hover{text-decoration:none}.brand-link h2{color:#f0f6fc;margin:0;transition:all .3s ease}.brand-link:hover h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#58a6ff,#79c0ff);-webkit-background-clip:text;background-clip:text;transform:scale(1.05)}nav .nav-link,nav a{color:#fff;font-weight:500;position:relative;text-decoration:none;transition:all .3s ease}nav .nav-link:hover,nav a:hover{color:#58a6ff}nav .nav-link:after,nav a:after{background:#58a6ff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav .nav-link:hover:after,nav a:hover:after{width:100%}@media (max-width:768px){.footer-section h3{font-size:.85rem}.footer-section p,.quick-links a,.social-links a{font-size:.7rem}.footer-bottom{font-size:.65rem}}.about-section,.competencies-section,.education-section,.experience-section{animation:fadeIn 1s ease-in;margin:5rem auto;max-width:1000px;padding:0 2rem}.section-title{color:#58a6ff;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#58a6ff,#3b82f6);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.about-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem}.about-description{color:#c9d1d9;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.about-description:last-child{margin-bottom:0}.about-description strong{color:#58a6ff;font-weight:600}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:all .3s ease}.experience-item:hover{border-color:#58a6ff;box-shadow:0 5px 20px #58a6ff33;transform:translateY(-5px)}.experience-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.experience-header h3{color:#58a6ff;font-size:1.5rem;margin:0}.experience-period{color:#8b949e;font-size:.9rem}.experience-role{color:#c9d1d9;font-size:1.1rem;font-weight:500;margin-bottom:1rem}.experience-details{list-style:none;padding-left:0}.experience-details li{color:#c9d1d9;line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.experience-details li:before{color:#58a6ff;content:"▹";font-weight:700;left:0;position:absolute}.education-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.certification-item,.education-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:all .3s ease}.certification-item:hover,.education-item:hover{border-color:#58a6ff;box-shadow:0 5px 20px #58a6ff33;transform:translateY(-5px)}.certification-item h3,.education-item h3{color:#58a6ff;font-size:1.3rem;margin-bottom:.5rem}.certification-item p,.education-item p{color:#c9d1d9;line-height:1.6;margin-bottom:.5rem}.education-period{color:#8b949e;font-size:.9rem}.competencies-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.competency-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:all .3s ease}.competency-card:hover{border-color:#58a6ff;box-shadow:0 5px 20px #58a6ff33;transform:translateY(-5px)}.competency-card h3{color:#58a6ff;font-size:1.3rem;margin-bottom:.5rem}.competency-subtitle{color:#8b949e;font-size:.95rem;font-style:italic;margin-bottom:1.5rem}.competency-card ul{list-style:none;padding-left:0}.competency-card li{color:#c9d1d9;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem;position:relative}.competency-card li:before{color:#58a6ff;content:"✓";font-weight:700;left:0;position:absolute}.competency-card li strong{color:#58a6ff}@media (max-width:768px){.about-section,.competencies-section,.education-section,.experience-section{margin:3rem auto;padding:0 1rem}.section-title{font-size:1.5rem}.about-content,.certification-item,.competency-card,.education-item,.experience-item{padding:1.5rem}.about-description{font-size:1rem}.experience-header{align-items:flex-start;flex-direction:column}.experience-header h3{font-size:1.2rem}.competencies-grid,.education-content{grid-template-columns:1fr}}