.coming-soon{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;color:#000;font-family:Helvetica Neue,sans-serif;overflow:hidden}.navbar{display:flex;justify-content:space-between;align-items:flex-start;padding:3rem 3rem 1rem}.logo-block{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:166px;height:44px}.logo-svg{height:auto;opacity:0;transform:translateY(-20px)}.fastport{animation:fade-slide-in 1s ease-out forwards}.honda{animation:fade-slide-in 1s ease-out forwards;animation-delay:.5s}.nav-links{display:flex;gap:3rem;font-size:.875rem;padding-top:.5rem;text-transform:uppercase;opacity:0;transform:translateY(-10px);animation:bounceIn 1s ease-out forwards}.nav-links a{position:relative;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:.4em;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:#dc2626;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:#dc2626}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a:hover .external-arrow svg{transform:translate(2px);color:#dc2626}.nav-links .nav-links a:nth-child(1){animation-delay:1.6s}.nav-links .nav-links a:nth-child(2){animation-delay:1.8s}.nav-links .nav-links a:nth-child(3){animation-delay:2s}@keyframes slideDown{to{transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:translateY(-40px)}60%{opacity:1;transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.nav-links .external-arrow{display:inline-flex;align-items:center;margin-left:.2em}.nav-links .external-arrow svg{display:block;transition:transform .2s cubic-bezier(.4,0,.2,1),color .2s;color:inherit}.main-container{display:flex;flex:1;flex-direction:column;align-items:center;padding:5rem 0rem 0rem}.grid-box{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr auto;width:100%;max-width:80rem}.left-block,.right-block{position:relative;border:1px solid #d1d5db;transition:background-color .3s ease,color .3s ease}.left-block h2:hover,.right-block h2:hover,.left-block p:hover,.right-block p:hover{background-color:#000;color:#fff}.left-block{grid-row:1 / span 2;animation:expand-left-block 1.5s ease-in-out forwards;will-change:transform;grid-column:1 / 2;animation:expand-left-block 2s ease-in-out forwards}.left-block h2{font-size:2rem;font-weight:500;border-bottom:1px solid #d1d5db;padding:3rem;margin:0}.left-block p{color:#1f2937;font-size:1.125rem;line-height:1.75rem;margin:0;padding:3rem}.right-block{grid-row:3;animation:fade-in 1s ease-in-out forwards;animation-delay:.5s;will-change:opacity;grid-column:2;padding:2rem;display:flex;align-items:center;justify-content:center;animation:fade-in 1.5s ease-in-out forwards}.right-block:hover{background-color:#000;color:#fff}.right-block span{font-size:1.125rem}.content{opacity:0;animation:fade-in .8s ease-in forwards;animation-delay:2s}.footer{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%;font-family:AvenirNextRegular,Arial,sans-serif;font-style:normal;text-align:center;background-color:#f8f8f8;font-size:10px;padding:20px 0}.footer>span{font-size:13px;color:#666;font-weight:400;line-height:1.5}.footer-links{display:inline-block;margin-left:10px}.footer-link{color:#005bac;text-decoration:underline;font-weight:400;margin:0 4px;font-family:inherit;font-size:13px;transition:color .2s}.footer-link:hover{color:#002c5f;text-decoration:underline}.cookie-banner{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:10px;font-size:14px}.cookie-banner>p{padding:0 10px;font-size:12px}@media (max-width: 600px){.coming-soon{padding:0 10px}.cookie-banner{padding:5px;font-size:10px}}@media (min-width: 601px) and (max-width: 1024px){.coming-soon{padding:0 10px}.cookie-banner{padding:5px;font-size:10px}}@media (min-width: 1025px){.cookie-banner{padding:5px 25px 5px 5px;font-size:10px}}.cookie-banner p{margin:0 0 10px;color:#333;line-height:1.5}.cookie-banner a.cookie-link{color:#0073e6;text-decoration:none;font-weight:700}.cookie-banner a.cookie-link:hover{text-decoration:underline}.cookie-banner .cookie-preferences-button,.cookie-banner .cookie-accept-button{background-color:#0073e6;color:#fff;border:none;padding:10px 20px;margin:5px;border-radius:5px;cursor:pointer;font-size:14px}.cookie-banner .cookie-preferences-button:hover,.cookie-banner .cookie-accept-button:hover{background-color:#005bb5}.dot{position:absolute;top:0;left:0;width:.75rem;height:.75rem;background-color:#000;animation:move-dot linear forwards}.animate-expand{animation:expand-left-block 2s ease-in-out forwards}@media (max-width: 440px){.coming-soon{padding:0 10px}.grid-box{display:flex;flex-direction:column;width:100%}.dot{display:none}.left-block h2{font-size:18px;line-height:1.5rem;padding:2rem}.left-block p{font-size:1rem;line-height:1.5rem;padding:2rem}.navbar{display:flex;justify-content:space-between;align-items:center;padding:3rem 3rem 1rem;flex-direction:column}.nav-links{display:flex;gap:3rem;font-size:.875rem;padding-top:2.5rem;text-transform:uppercase}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes expand-left-block{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes move-dot{0%{top:0;left:0;transform:translate(0)}50%{top:50%;left:50%;transform:translate(calc(50% - .375rem),calc(50% - .375rem))}to{top:100%;left:100%;transform:translate(calc(100% - 1rem),calc(100% - 1rem))}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9fafb}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px;padding:20px;text-align:center;overflow:hidden}.logo-container{text-align:center;margin-bottom:20px}.logo-container .fastport{font-size:32px;font-weight:700;color:#000;margin:0}.logo-container .honda{font-size:20px;font-weight:700;color:#d32f2f;margin:0;letter-spacing:1px}.login-image{width:100%;max-width:180px;height:auto;object-fit:contain;margin:0 auto 20px;display:block;border-radius:8px}h1{font-size:24px;font-weight:700;margin-bottom:8px}.subtext{font-size:14px;color:#6b7280;margin-bottom:20px;line-height:1.4;text-align:center}.form-container{display:flex;flex-direction:column;text-align:left}label{font-size:13px;margin-bottom:5px;font-weight:500}input{padding:12px;border:1px solid #d1d5db;border-radius:8px;margin-bottom:15px;font-size:14px;transition:border-color .3s ease}input:focus{border-color:#3b49df;outline:none}.forgot{font-size:12px;color:#3b49df;display:block;text-align:right;margin-bottom:20px;text-decoration:none}.forgot:hover{text-decoration:underline}button{padding:12px;background-color:#1f2b38;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#3b49df}button:disabled{background-color:#d1d5db;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#aaa}.divider span{background:#fff;padding:0 10px;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.social-login{display:flex;gap:10px;margin-bottom:20px}.social-login button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:10px;font-size:14px;cursor:pointer;transition:background-color .3s ease}.social-login button:hover{background-color:#e5e7eb}.social-login img{width:20px;height:20px}.signup-msg{font-size:13px;color:#6b7280;margin-bottom:10px}.signup-msg a{color:#3b49df;font-weight:500;text-decoration:none}.signup-msg a:hover{text-decoration:underline}footer{font-size:10px;color:#d1d5db;margin-top:10px}.error{color:red;font-size:12px;margin-top:-8px;margin-bottom:8px;text-align:center}.message{margin-top:20px;color:green;text-align:center}:root{font-family:Plus Jakarta Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;flex-direction:column;min-width:100vw;min-height:100vh;background-color:var(--background-color, #242424);overflow-x:hidden}a{font-weight:500;color:#646cff;text-decoration:inherit;transition:color .3s ease}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s,background-color .3s ease}button:hover{border-color:#646cff;background-color:#333}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#dc2626}button{background-color:#f9f9f9}button:hover{background-color:#e5e5e5}}