:root{--primary-color:#4a6fa5;--secondary-color:#6d8db6;--accent-color:orange;--bg-color:#f8f9fa;--text-color:#333;--link-color:#0056b3;--footer-bg-color:#2c3e50;--footer-text-color:#ecf0f1;--header-height:70px}body{background-color:var(--bg-color);color:var(--text-color);font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;margin:0;padding:0}a{color:var(--link-color);text-decoration:none;transition:color .3s}a:hover{color:var(--accent-color)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.section{padding:60px 0}.section-title{color:var(--primary-color);font-size:2rem;margin-bottom:40px;text-align:center}.btn{background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:10px 20px;transition:background-color .3s}.btn:hover{background-color:var(--secondary-color)}.header{background-color:#fff;box-shadow:0 2px 10px #0000001a;height:var(--header-height);left:0;position:fixed;right:0;top:0;z-index:1000}.header-content{align-items:center;display:flex;height:100%;justify-content:space-between}.logo{font-size:1.5rem;font-weight:700}.logo a{color:var(--primary-color)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:20px}.hero{align-items:center;background-color:var(--primary-color);color:#fff;display:flex;height:100vh;text-align:center}.hero-content{margin:0 auto;max-width:800px}.hero h1{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px}.team-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:40px}.team-member{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s}.team-member:hover{transform:translateY(-5px)}.member-img{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.member-info{padding:20px}.member-name{color:var(--primary-color);font-size:1.2rem;margin:0 0 10px}.member-role{color:var(--secondary-color);margin-bottom:15px}.social-links a{color:var(--link-color);display:inline-block;margin-right:10px}.blog-preview{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.blog-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.blog-img{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.blog-content{padding:20px}.blog-title{color:var(--primary-color);font-size:1.2rem;margin:0 0 10px}.blog-date{color:#666;font-size:.9rem;margin-bottom:10px}.blog-excerpt{margin-bottom:15px}.portfolio-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.portfolio-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.portfolio-img{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.portfolio-content{padding:20px}.portfolio-title{color:var(--primary-color);font-size:1.2rem;margin:0 0 10px}.portfolio-desc{margin-bottom:15px}.footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);padding:40px 0}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-section{flex:1;min-width:200px}.footer-section,.footer-section h3{margin-bottom:20px}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--footer-text-color)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);margin-top:30px;padding-top:20px;text-align:center}@media (max-width:768px){.section-title{font-size:1.5rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.blog-preview,.portfolio-grid,.team-grid{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}.footer-content{flex-direction:column}}.page-enter-active,.page-leave-active{transition:opacity .5s}.page-enter,.page-leave-to{opacity:0}.main-content{margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}