:root{--primary-color: #2A8E82;--primary-dark: #1F6E65;--text-color: #333333;--text-light: #666666;--bg-color: #FFFFFF;--bg-light: #F9F9F9;--footer-bg: #222222;--footer-text: #AAAAAA;--white: #FFFFFF;--border-radius: 8px;--font-family: "Inter", sans-serif;--container-width: 1000px;--spacing-md: 2rem;--spacing-lg: 4rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.header{padding:1rem 0;background:var(--white);box-shadow:0 2px 4px #0000000d;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo-wrapper{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-icon{height:48px;width:auto}.logo-text-group{display:flex;flex-direction:column;justify-content:center;line-height:1.1}.logo-main{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.logo-gray{color:#888e8e}.logo-suffix{font-size:.9rem;font-weight:500;color:#888}.logo-sub{font-size:.75rem;font-weight:600;color:#666;letter-spacing:.05em;text-transform:uppercase}.nav{display:flex;gap:1.5rem}.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;transition:color .2s}.nav-link:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--white);padding:5rem 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3;pointer-events:none}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;opacity:.9;font-weight:400}.hero-content{position:relative;z-index:1}.hero-bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.1;background-image:url(/hero-pattern.png);background-size:600px;background-repeat:repeat;mix-blend-mode:screen}.portfolio{padding:var(--spacing-lg) 0}.project-card{border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:2rem;background:var(--white);box-shadow:0 4px 6px #0000000d;margin-bottom:var(--spacing-md);position:relative}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.project-title{font-size:2rem;color:var(--primary-color);font-weight:700}.badge{background-color:var(--primary-color);color:var(--white);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;white-space:nowrap}.card-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.project-info p{margin-bottom:1rem}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;text-decoration:none;cursor:pointer;border:none;transition:background-color .2s}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-disabled{background-color:#ccc;color:#666;cursor:not-allowed;position:relative}.btn-disabled:hover{background-color:#ccc}.btn-disabled[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;white-space:nowrap;margin-bottom:.5rem;z-index:10;opacity:0;animation:fadeIn .2s forwards}.btn-disabled[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent;margin-bottom:-6px;z-index:10;opacity:0;animation:fadeIn .2s forwards}@keyframes fadeIn{to{opacity:1}}.diagram-placeholder{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem}.diagram-icon{display:flex;flex-direction:column;align-items:center;color:var(--text-color)}.diagram-icon svg{stroke:var(--primary-color);stroke-width:1.5;margin-bottom:.25rem}.diagram-icon.folder svg{fill:var(--primary-color);stroke:#1a5c54}.diagram-icon.db svg{fill:#ddd}.diagram-icon.ai svg{fill:none}.diagram-icon .label{font-size:.75rem;font-weight:600}.arrow{font-size:1.5rem;color:var(--text-color)}.experiments-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.experiment-card{background:#e0e0e0;border:2px dashed #CCCCCC;border-radius:var(--border-radius);padding:2rem;text-align:center;color:#888;font-weight:500}.contact{padding:var(--spacing-lg) 0;background-color:var(--bg-light)}.section-title{text-align:center;margin-bottom:2rem;font-size:1.75rem}.contact-content{text-align:center;max-width:600px;margin:0 auto;background:var(--white);padding:3rem 2rem;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d}.contact-text{font-size:1.1rem;margin-bottom:2rem;color:var(--text-color)}.contact-btn{font-size:1.1rem;padding:1rem 2rem;margin-bottom:1.5rem}.contact-email-direct{font-size:.9rem;color:var(--text-light)}.contact-email-direct a{color:var(--primary-color);text-decoration:none;font-weight:500}.contact-email-direct a:hover{text-decoration:underline}.footer{background-color:var(--footer-bg);color:var(--footer-text);padding:2rem 0;text-align:center;font-size:.875rem}@media(max-width:768px){.card-body,.form-row,.experiments-grid{grid-template-columns:1fr}}