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}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{margin:0 auto;max-width:1400px;padding:0 20px}.header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav{align-items:center;display:flex;justify-content:space-between}.logo{color:#2c3e50;font-size:24px;font-weight:700}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#666;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#3498db}.hero{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;overflow:hidden;padding:150px 0;position:relative;text-align:center}.hero-content{position:relative;z-index:2}.hero h1{animation:fadeInUp 1s ease-out;color:#a7c5eb;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:25px}.hero p{animation:fadeInUp 1s ease-out .3s both;color:#ffffffd9;font-size:1.3rem;margin:0 auto;max-width:600px}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.edit-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 10px;transition:all .3s}.edit-btn:hover{background:#ffffff4d}.about{background-color:#f8fafc;padding:150px 0}.about-content{align-items:flex-start;display:flex;gap:40px}.about-left-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;flex:0 0 320px;padding:30px;position:-webkit-sticky;position:sticky;text-align:center;top:100px}.profile-image{border:4px solid #fff;border-radius:50%;box-shadow:0 5px 15px #0000001a;height:180px;margin:0 auto 20px;overflow:hidden;width:180px}.profile-image img{height:100%;object-fit:cover;width:100%}.profile-intro-text h3{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.profile-intro-text p{color:#666;font-size:1rem;line-height:1.6;margin-bottom:10px}.intro-item{align-items:center;color:#34495e;display:flex;gap:8px;justify-content:center;margin-bottom:15px}.intro-item svg{font-size:1.1rem}.download-resume a{align-items:center;color:#3498db;display:flex;font-size:1rem;gap:8px;justify-content:center;margin-top:10px;text-decoration:none}.download-resume a:hover{text-decoration:underline}.intro-summary{font-size:.95rem!important;padding:0 10px;text-align:center}.about-right-details{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;flex:1 1;padding:30px 40px}.about-right-details hr{background-color:#e9ecef;border:0;height:1px;margin:25px 0}.about-right-details h4{border-bottom:2px solid #667eea;color:#34495e;display:inline-block;font-size:1.4rem;margin-bottom:20px;margin-top:15px;padding-bottom:8px}.about-right-details h4:first-child{margin-top:0}.about-right-details h5{color:#2c3e50;font-size:1.15rem;margin-bottom:10px;margin-top:20px}.about-right-details ul{list-style-type:none;padding-left:0}.about-right-details li{line-height:1.6;margin-bottom:8px}.about-right-details ul ul{margin-top:8px;padding-left:20px}.about-right-details ul ul li:before{color:#667eea;content:"•";display:inline-block;font-size:1.1em;font-weight:700;margin-left:-1.1em;width:1em}.about-right-details strong{color:#333;font-weight:600}.about-right-details em{color:#777;font-size:.9em;font-style:normal}.about-right-details code{background-color:#eaf2f8;border-radius:4px;color:#c0392b;font-size:.85em;margin:0 2px;padding:2px 6px}.projects{background:#f8fafc;padding:150px 0}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr)}.project-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.project-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-10px)}.project-card-main-link{color:inherit;display:flex;flex-direction:column;flex-grow:1;text-decoration:none}.project-image-container{height:200px;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content-top{flex-grow:1;padding:25px}.project-content-top h3{color:#2c3e50;font-size:1.4rem;margin-bottom:15px}.project-description{color:#666;line-height:1.6}.project-content-bottom{padding:0 25px 25px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-tag{background-color:#eaf2f8;border-radius:20px;color:#3498db;font-size:.8rem;font-weight:500;padding:5px 12px}.project-links{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;padding-top:15px}.github-links{display:flex;gap:15px}.project-links a{align-items:center;color:#34495e;display:flex;font-size:1.2rem;gap:6px;text-decoration:none;transition:color .3s ease}.project-links a span{font-size:.9rem;font-weight:500}.project-links a:hover{color:#667eea}.notion-link{font-size:1.5rem}.project-detail-section{background:#fff;padding:80px 0}.project-detail-container{max-width:1100px}.back-link{color:#3498db;display:inline-block;font-weight:500;margin-bottom:30px;text-decoration:none}.back-link:hover{text-decoration:underline}.project-detail-container h1{font-size:2.8rem;margin-bottom:20px}.project-detail-description{color:#666;font-size:1.2rem;margin-bottom:40px}.project-detail-image-container{border-radius:15px;margin:0 auto 40px;max-width:800px;overflow:hidden;width:100%}.project-detail-image-container img{display:block;width:100%}.project-detail-content h3{border-bottom:2px solid #e9ecef;font-size:1.8rem;margin-bottom:20px;padding-bottom:10px}.contact{background:#fff;padding:80px 0}.contact-content{grid-gap:60px;align-items:start;display:grid;gap:60px;grid-template-columns:1fr 1fr}.contact-info{background:linear-gradient(145deg,#f0f4f8,#e1e8ed);border-radius:20px;padding:40px}.contact-info h3{color:#2c3e50;font-size:1.5rem;margin-bottom:30px}.contact-item{align-items:center;display:flex;margin-bottom:20px}.contact-item svg{color:#3498db;font-size:24px;margin-right:15px;text-align:center;width:30px}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#555;font-weight:500;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #e1e8ed;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:15px;transition:all .3s}.submit-btn:hover{box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2rem}.about-content,.contact-content{gap:40px;grid-template-columns:1fr}.projects-grid{grid-template-columns:1fr}}.editable{position:relative}.editable:hover{background:#3498db1a;border-radius:4px}.edit-input,.edit-textarea{background:#0000;border:none;color:inherit;font:inherit;outline:none;width:100%}.edit-textarea{min-height:100px;resize:vertical}
/*# sourceMappingURL=main.0300be07.css.map*/