:root{--primary-color:#2c3e50;--secondary-color:#3498db;--accent-color:#e74c3c;--light-color:#ecf0f1;--dark-color:#2c3e50;--text-color:#333;--light-text:#f8f9fa}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;color:var(--text-color);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--primary-color);font-weight:700;line-height:1.2;margin-bottom:1rem}a{color:#3498db;color:var(--secondary-color);text-decoration:none;transition:color .3s}a:hover{color:#e74c3c;color:var(--accent-color)}img{height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:80px 0}.section:nth-child(2n){background-color:#fff}header{background-color:#2c3e50;background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 0;position:fixed;top:0;width:100%;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between}nav ul button{background:none;border:none;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;padding:0;position:relative}nav ul button:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}nav ul button:hover:after{width:100%}.logo{font-size:1.5rem;font-weight:700}.logo a{color:#fff}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{color:#fff;font-weight:500;position:relative}nav ul li a:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}nav ul li a:hover:after{width:100%}.menu-toggle{cursor:pointer;display:none;font-size:1.5rem}.hero{background:linear-gradient(#2c3e50cc,#2c3e50cc);color:#fff;padding:150px 0 100px;text-align:center}.hero h1{color:#fff;font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin:0 auto 40px;max-width:800px;opacity:.9}.btn{background-color:#3498db;background-color:var(--secondary-color);border-radius:30px;color:#fff;display:inline-block;font-weight:500;letter-spacing:1px;padding:12px 30px;text-transform:uppercase;transition:background-color .3s,transform .3s}.btn:hover{background-color:#e74c3c;background-color:var(--accent-color);color:#fff;transform:translateY(-3px)}.section-title{margin-bottom:50px;text-align:center}.section-title h2{display:inline-block;font-size:2.5rem;position:relative}.section-title h2:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.profile{align-items:center;display:flex;gap:50px}.profile-img{flex:1 1;text-align:center}.profile-img img{border:5px solid #ecf0f1;border:5px solid var(--light-color);border-radius:50%;box-shadow:0 10px 20px #0000001a;height:300px;object-fit:cover;width:300px}.profile-content{flex:2 1}.profile-content h3{font-size:2rem;margin-bottom:.5rem}.profile-content .position{color:#3498db;color:var(--secondary-color);display:block;font-size:1.2rem;margin-bottom:1rem}.profile-content p{margin-bottom:1.5rem}.contact-info{margin-top:20px}.contact-info span{display:block;margin-bottom:10px}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{align-items:center;background-color:#ecf0f1;background-color:var(--light-color);border-radius:50%;color:#2c3e50;color:var(--primary-color);display:flex;height:40px;justify-content:center;transition:background-color .3s,color .3s;width:40px}.social-link:hover{background-color:#3498db;background-color:var(--secondary-color);color:#fff}.skills-content{display:flex;flex-wrap:wrap;gap:30px}.skill-category{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;flex:1 1;min-width:300px;padding:30px}.skill-category h3{color:#3498db;color:var(--secondary-color);font-size:1.5rem;margin-bottom:20px;padding-bottom:10px;position:relative}.skill-category h3:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.skill-item{margin-bottom:20px}.skill-name{display:flex;justify-content:space-between;margin-bottom:10px}.skill-bar{background-color:#ecf0f1;background-color:var(--light-color);border-radius:4px;height:8px;overflow:hidden}.skill-level{background-color:#3498db;background-color:var(--secondary-color);height:100%}.projects{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.project{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;overflow:hidden;transition:transform .3s}.project:hover{transform:translateY(-10px)}.project-img{height:200px;overflow:hidden}.project-img img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.project:hover .project-img img{transform:scale(1.05)}.project-content{padding:25px}.project-content h3{font-size:1.3rem;margin-bottom:10px}.project-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.project-tags .tag{background-color:#ecf0f1;background-color:var(--light-color);border-radius:30px;color:#2c3e50;color:var(--primary-color);font-size:.9rem;padding:5px 15px}.project-links{gap:15px;margin-top:15px}.project-link{align-items:center;border-radius:4px;display:inline-flex;font-size:.9rem;font-weight:500;gap:5px;padding:8px 15px}.live-link{background-color:#3498db;background-color:var(--secondary-color);color:#fff}.github-link{background-color:#ecf0f1;background-color:var(--light-color);color:#2c3e50;color:var(--dark-color)}.research-item{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;margin-bottom:30px;padding:30px}.research-item h3{color:#2c3e50;color:var(--primary-color);font-size:1.5rem;margin-bottom:15px}.research-meta{color:#666;display:flex;font-size:.9rem;gap:20px;margin-bottom:15px}.research-meta span{align-items:center;display:flex;gap:5px}.publications{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;padding:30px}.publication-item{border-bottom:1px solid #eee;padding:20px 0}.publication-item:last-child{border-bottom:none}.publication-item h3{font-size:1.3rem;margin-bottom:10px}.publication-meta{color:#666;font-size:.9rem;margin-bottom:10px}.publication-link{display:inline-block;font-weight:500;margin-top:10px}.contact-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000000d;margin:0 auto;max-width:800px;padding:40px}.form-group{margin-bottom:20px}.form-control{border:1px solid #ddd;border-radius:5px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:border-color .3s;width:100%}.form-control:focus{border-color:#3498db;border-color:var(--secondary-color);outline:none}textarea.form-control{min-height:150px;resize:vertical}.submit-btn{background-color:#3498db;background-color:var(--secondary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 30px;transition:background-color .3s}.submit-btn:hover{background-color:#e74c3c;background-color:var(--accent-color)}footer{background-color:#2c3e50;background-color:var(--dark-color);color:#fff;padding:50px 0 20px}.footer-content{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:40px}.footer-column{flex:1 1;min-width:200px}.footer-column h3{color:#fff;font-size:1.2rem;margin-bottom:20px}.footer-links li{list-style:none;margin-bottom:10px}.footer-links a{color:#bbb;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:20px;text-align:center}.back-to-top{align-items:center;background-color:#3498db;background-color:var(--secondary-color);border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;opacity:0;position:fixed;right:20px;transition:opacity .3s,visibility .3s,background-color .3s;visibility:hidden;width:50px;z-index:999}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{background-color:#e74c3c;background-color:var(--accent-color)}@media (max-width:992px){.profile{flex-direction:column;text-align:center}.profile-content{text-align:left}.social-links{justify-content:center}.skill-category h3:after{left:50%;transform:translateX(-50%)}}@media (max-width:768px){.menu-toggle{display:block}nav ul{background-color:#2c3e50;background-color:var(--primary-color);box-shadow:0 10px 10px #0000001a;flex-direction:column;left:-100%;padding:20px 0;position:fixed;top:70px;transition:left .3s;width:100%}nav ul.active{left:0}nav ul li{margin:15px 0;text-align:center}.hero h1{font-size:2.5rem}.section{padding:60px 0}.section-title h2{font-size:2rem}}@media (max-width:576px){.hero h1{font-size:2rem}.profile-img img{height:200px;width:200px}.projects{grid-template-columns:1fr}.contact-form{padding:20px}}.project-detail{padding-top:100px}.project-header{margin-bottom:50px;text-align:center}.project-title{font-size:2.5rem;margin-bottom:10px}.project-meta{color:#666;margin-bottom:20px}.project-image{margin-bottom:50px;text-align:center}.project-image img{border-radius:10px;box-shadow:0 5px 15px #0000001a;max-width:100%}.project-description{margin:0 auto 50px;max-width:800px}.project-section{margin-bottom:40px}.project-section h2{font-size:1.8rem;margin-bottom:20px;padding-bottom:10px;position:relative}.project-section h2:after{background-color:#e74c3c;background-color:var(--accent-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.project-gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:50px}.gallery-item{border-radius:8px;box-shadow:0 3px 10px #0000001a;overflow:hidden}.gallery-item img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.gallery-item:hover img{transform:scale(1.05)}.project-links{display:flex;gap:20px;justify-content:center;margin:40px 0}.back-link{margin:50px 0;text-align:center}.back-link a{align-items:center;display:inline-flex;font-weight:500;gap:5px}
/*# sourceMappingURL=main.78fed661.css.map*/