*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#333;background-color:#f4f7f6}.landing-container{flex-direction:column;min-height:100vh;display:flex}.navbar{background:#fff;justify-content:space-between;align-items:center;padding:20px 50px;display:flex;box-shadow:0 2px 10px #0000000d}.navbar nav a{color:#555;margin-left:20px;font-weight:500;text-decoration:none;transition:color .3s}.navbar nav a:hover{color:#06f}.hero-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:60px 50px;display:flex}.hero-content{flex:1;min-width:300px}.hero-content h1{color:#1a2b4c;margin-bottom:20px;font-size:42px;line-height:1.2}.hero-content p{color:#666;margin-bottom:30px;font-size:18px;line-height:1.6}.benefits-list{list-style:none}.benefits-list li{color:#444;margin-bottom:12px;font-size:16px;font-weight:500}.form-container{background:#fff;border-radius:12px;flex:1;min-width:350px;padding:40px;box-shadow:0 10px 30px #00000014}.form-container h2{color:#1a2b4c;margin-bottom:10px;font-size:28px}.form-subtitle{color:#777;margin-bottom:30px;font-size:14px}.registration-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;display:flex}.input-group label{color:#444;margin-bottom:8px;font-size:14px;font-weight:600}.input-group input,.input-group select{border:1px solid #ddd;border-radius:6px;outline:none;padding:12px;font-size:15px;transition:border .3s}.input-group input:focus,.input-group select:focus{border-color:#06f}.submit-btn{color:#fff;cursor:pointer;background:#06f;border:none;border-radius:6px;margin-top:10px;padding:14px;font-size:16px;font-weight:700;transition:background .3s}.submit-btn:hover{background:#0052cc}.login-link{text-align:center;color:#666;margin-top:20px;font-size:14px}.login-link a{color:#06f;font-weight:600;text-decoration:none}.yokihub-landing-page{background-color:#f0f7ff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23bae6fd' fill-opacity='0.4' d='M0,160L48,170.7C96,181,192,203,288,213.3C384,224,480,224,576,197.3C672,171,768,117,864,117.3C960,117,1056,171,1152,192C1248,213,1344,203,1392,197.3L1440,192L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%237dd3fc' fill-opacity='0.3' d='M0,224L60,213.3C120,203,240,181,360,181.3C480,181,600,203,720,229.3C840,256,960,288,1080,277.3C1200,267,1320,213,1380,186.7L1440,160L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");background-position:bottom;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #ffffff80;box-shadow:0 25px 50px -12px #00000026}.landing-header{z-index:100;border-radius:0 0 24px 24px;justify-content:space-between;align-items:center;margin-bottom:40px;padding:20px 50px;display:flex;position:sticky;top:0}.logo{color:#1e3a8a;font-size:32px;font-weight:900}.logo span{color:#3b82f6}.login-btn{color:#1d4ed8;background:#eff6ff;border:2px solid #3b82f6;border-radius:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:all .3s}.login-btn:hover{color:#fff;background:#3b82f6}.landing-main-body{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:0 20px}.split-section{border-radius:24px;align-items:stretch;min-height:500px;margin-bottom:50px;display:flex;overflow:hidden}.section-half{flex-direction:column;flex:1;justify-content:center;padding:50px;display:flex}.form-side,.component-side,.image-side{align-items:center}.text-side h1,.text-side h2{color:#111827;margin-top:0;font-size:2.2rem;font-weight:900;line-height:1.2}.bullet-list{margin-top:20px;padding:0;list-style:none}.bullet-list li{color:#047857;margin-bottom:10px;font-size:1.1rem;font-weight:600}.feature-box,.step-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:15px;padding:20px;box-shadow:0 10px 25px -5px #0000000d}.feature-box h4,.step-box h4{color:#3b82f6;margin:0 0 8px;font-size:1.1rem}.landing-footer{color:#4b5563;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;margin-top:auto;padding:25px 50px;font-size:.9rem;display:flex}@media (width<=900px){.split-section{flex-direction:column}.reverse-mobile{flex-direction:column-reverse}.section-half{padding:30px}}