*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #667eea;--color-primary-dark: #764ba2;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-border: #e2e8f0;--color-background: #ffffff;--color-background-alt: #f8fafc}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;font-size:16px}#root{min-height:100vh}html{scroll-behavior:smooth}::selection{background-color:#667eea33;color:var(--color-text-primary)}.service-card{background:#fff;border-radius:16px;padding:32px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden;background:linear-gradient(to bottom,#fff,#f8fafc)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-color, #667eea);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--card-color, #667eea)}.service-card:hover:before{transform:scaleX(1)}.service-card-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--card-color, #667eea) 0%,var(--card-color, #764ba2) 100%);display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.service-card:hover .service-card-icon{transform:scale(1.08) rotate(3deg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.service-card-title{font-size:22px;font-weight:700;margin-bottom:12px;color:#0f172a;line-height:1.3;letter-spacing:-.3px}.service-card-description{font-size:15px;color:#475569;line-height:1.65;margin-bottom:24px;flex:1;font-weight:400}.service-card-link{display:inline-flex;align-items:center;gap:8px;color:var(--card-color, #667eea);font-size:14px;font-weight:600;margin-top:auto;transition:all .3s ease;padding:8px 0}.service-card:hover .service-card-link{gap:10px;color:var(--card-color, #667eea)}.service-card-link svg{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.service-card:hover .service-card-link svg{transform:translate(3px,-3px)}@media(max-width:768px){.service-card{padding:28px;border-radius:14px}.service-card-icon{width:52px;height:52px;margin-bottom:20px}.service-card-title{font-size:20px}.service-card-description{font-size:14px;margin-bottom:20px}}.okina-logo{display:inline-flex;align-items:center;justify-content:center}.okina-logo-icon{display:block;flex-shrink:0;max-width:100%;height:auto}.okina-logo-full{display:block;max-width:100%;height:auto}.header-logo .okina-logo-icon,.about-header-logo .okina-logo-icon,.legal-header-logo .okina-logo-icon{height:60px;width:auto;object-fit:contain;display:block}.footer-logo .okina-logo-icon{height:70px;width:auto;object-fit:contain}@media(max-width:768px){.header-logo .okina-logo-icon,.about-header-logo .okina-logo-icon,.legal-header-logo .okina-logo-icon{height:50px}.footer-logo .okina-logo-icon{height:60px}}@media(max-width:480px){.header-logo .okina-logo-icon,.about-header-logo .okina-logo-icon,.legal-header-logo .okina-logo-icon{height:40px}.footer-logo .okina-logo-icon{height:50px}}.language-switcher{display:flex;align-items:center;gap:4px;background:#f1f5f9;border-radius:8px;padding:4px}.lang-button{background:transparent;border:none;padding:6px 12px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:inherit}.lang-button:hover{color:#475569;background:#ffffffb3}.lang-button.active{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000001a}@media(max-width:768px){.lang-button{padding:5px 10px;font-size:12px}}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:#fff}.container{max-width:1280px;margin:0 auto;padding:0 32px;width:100%}.landing-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-nav{padding:16px 0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-logo{display:flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;text-decoration:none;color:inherit;transition:opacity .2s ease}.header-logo:hover{opacity:.8}.header-right{display:flex;align-items:center;margin-left:auto}.landing-main{flex:1;padding:80px 0;background:linear-gradient(to bottom,#f8fafc,#fff)}.hero-section{text-align:center;margin-bottom:72px;max-width:900px;margin-left:auto;margin-right:auto}.hero-title{font-size:56px;font-weight:800;margin-bottom:24px;color:#0f172a;letter-spacing:-2px;line-height:1.1}.hero-description{font-size:20px;color:#475569;line-height:1.7;font-weight:400}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-top:48px}.landing-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0;color:#475569;padding:48px 0;margin-top:96px}.footer-content{display:flex;flex-direction:column;align-items:center;gap:24px}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}}@media(max-width:768px){.container{padding:0 20px}.header-content{flex-direction:row;align-items:center;gap:16px}.header-right{margin-left:auto}.footer-links{gap:16px}.landing-main{padding:48px 0}.hero-title{font-size:40px;letter-spacing:-1px;margin-bottom:20px}.hero-description{font-size:18px}.services-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.hero-section{margin-bottom:48px}.landing-footer{margin-top:64px;padding:40px 0}}@media(max-width:480px){.container{padding:0 16px}.hero-title{font-size:32px}.hero-description{font-size:16px}}.about-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.about-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.about-header-nav{padding:16px 0}.about-header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.about-header-logo{display:flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.about-header-logo:hover{opacity:.8}.about-header-right{display:flex;align-items:center;margin-left:auto}.about-main{padding:64px 0;flex:1;background:linear-gradient(to bottom,#f8fafc,#fff)}.about-title-section{text-align:center;margin-bottom:48px}.about-title-section h1{font-size:48px;font-weight:800;color:#0f172a;letter-spacing:-1.5px;margin:0}.about-intro{text-align:center;margin-bottom:64px}.about-intro-text{font-size:20px;color:#475569;line-height:1.8;max-width:800px;margin:0 auto}.about-sections{display:flex;flex-direction:column;gap:48px}.about-section{background:#fff;border-radius:16px;padding:40px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.about-section h2{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:16px;letter-spacing:-.5px}.about-section p{font-size:16px;color:#475569;line-height:1.8;margin:0}.about-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:48px 0;margin-top:auto}.about-footer .container{max-width:1280px}.about-footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:24px}@media(max-width:768px){.about-header-content{gap:16px}.about-main{padding:48px 0}.about-title-section{margin-bottom:40px}.about-title-section h1{font-size:36px}.about-intro{margin-bottom:48px}.about-intro-text{font-size:18px}.about-sections{gap:32px}.about-section{padding:32px 24px}.about-section h2{font-size:24px}.about-section p{font-size:15px}.footer-links{gap:16px}}@media(max-width:480px){.container{padding:0 20px}.about-title-section h1{font-size:32px}.about-section{padding:24px 20px}}.legal-page{min-height:100vh;background:#fff;display:flex;flex-direction:column}.legal-header{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.legal-header-nav{padding:16px 0}.legal-header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.legal-header-logo{display:flex;align-items:center;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.legal-header-logo:hover{opacity:.8}.legal-header-right{display:flex;align-items:center;margin-left:auto}.legal-main{padding:64px 0;flex:1;background:linear-gradient(to bottom,#f8fafc,#fff)}.container{max-width:900px;margin:0 auto;padding:0 32px;width:100%}.legal-title-section{text-align:center;margin-bottom:48px}.legal-title-section h1{font-size:48px;font-weight:800;color:#0f172a;letter-spacing:-1.5px;margin:0 0 16px}.legal-last-updated{color:#64748b;font-size:14px;margin:0}.legal-content{max-width:800px;margin:0 auto}.legal-intro{font-size:18px;color:#475569;line-height:1.8;margin-bottom:48px;font-weight:500}.legal-section{margin-bottom:40px}.legal-section h2{font-size:24px;font-weight:700;color:#0f172a;margin-bottom:12px;letter-spacing:-.3px}.legal-section p{font-size:16px;color:#475569;line-height:1.8;margin:0}.legal-section:last-child{margin-bottom:0}.legal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:48px 0;margin-top:auto}.legal-footer .container{max-width:1280px}.legal-footer .footer-content{display:flex;flex-direction:column;align-items:center;gap:24px}.footer-logo{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer;transition:opacity .2s ease}.footer-logo:hover{opacity:.8}.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:center}.footer-link{background:transparent;border:none;padding:0;font-size:14px;font-weight:500;color:#64748b;cursor:pointer;transition:color .2s ease;font-family:inherit;text-decoration:underline;text-underline-offset:4px}.footer-link:hover{color:#0f172a}.footer-copyright{font-size:14px;color:#64748b;text-align:center}@media(max-width:768px){.legal-header-content{gap:16px}.legal-main{padding:48px 0}.legal-title-section{margin-bottom:40px}.legal-title-section h1{font-size:36px}.legal-intro{font-size:17px;margin-bottom:40px}.legal-section{margin-bottom:32px}.legal-section h2{font-size:22px}.legal-section p{font-size:15px}.footer-links{gap:16px}}@media(max-width:480px){.container{padding:0 20px}.legal-title-section h1{font-size:32px}.legal-section h2{font-size:20px}}.App{min-height:100vh;display:flex;flex-direction:column}