body{margin:0;font-family:Inter,sans-serif;background-color:#f5f5f5;color:#1a1a1a}.navbar{width:100%;background:linear-gradient(90deg,#626ccc,#008b8b);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.navbar-container{max-width:-webkit-fill-available;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;height:30px}.navbar-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem}.navbar-logo img{width:100px;height:auto;-o-object-fit:contain;object-fit:contain;cursor:pointer}.logo-text{font-weight:600;font-size:1.3rem;color:#fff;letter-spacing:.8px;transition:transform .3s ease,color .3s ease;cursor:pointer}.navbar-menu ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.navbar-menu a{text-decoration:none;color:#fff;font-weight:500;transition:color .3s,transform .2s}.navbar-menu a:hover{color:#fff;transform:translateY(-2px)}.navbar-toggle{display:none;background:none;border:none;font-size:1.8rem;cursor:pointer}.page-content{margin:auto}.card{background:linear-gradient(90deg,#626cccb3,#008b8b);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;transition:transform .3s ease,box-shadow .3s ease;color:#fff}.card h1{font-size:2.8rem;font-weight:700;margin-bottom:1rem;color:#fff;display:flex;justify-content:center;vertical-align:middle;max-width:800px;margin:auto auto 1em;text-align:center;line-height:64px}.card p{font-size:1.2rem;line-height:1.6;color:#fff;display:flex;justify-content:center;vertical-align:middle;margin:auto}.page-content-wrapper{box-shadow:inset 0 0 0 9999px #00000080}.hero-card h1{font-size:2.8rem;font-weight:700;margin-bottom:1rem;color:#fff;display:flex;justify-content:center;vertical-align:middle;max-width:800px;margin:auto auto 1em;text-align:center;line-height:64px}.hero-card p{font-size:1.2rem;line-height:1.6;color:#fff;display:flex;justify-content:center;vertical-align:middle;margin:auto}.page-content-wrapper{padding-top:3.3em}.step-progress{display:flex;justify-content:center;align-items:center;margin:3rem auto;max-width:1000px;position:relative}.step-wrapper{display:flex;align-items:center;position:relative}.step{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s ease}.step-index{width:40px;height:40px;border-radius:50%;background:#d3d3d3;display:flex;justify-content:center;align-items:center;font-weight:600;margin-bottom:.5rem;transition:all .3s ease}.step-label{font-size:.95rem;font-weight:500;color:#666;text-align:center}.step.active .step-index{background:linear-gradient(135deg,#626ccc,#008b8b);color:#fff;transform:scale(1.1)}.step.active .step-label{color:#1a1a1a;font-weight:600}.step.completed .step-index{background:#008b8b;color:#fff}.step.completed .step-label{color:#008b8b}.step-line{height:4px;width:60px;background:#d3d3d3;margin:-22px 10px 0;border-radius:2px}.step.completed+.step-line{background:#008b8b}.createcv-form-card{width:-webkit-fill-available!important;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:2rem;color:#1a1a1a}.createcv-form-card h1{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#1a1a1a}.createcv-form-card p{font-size:1rem;line-height:1.6;text-align:center}@media only screen and (min-width:1370px){.navbar-container{max-width:1200px}}@media (max-width: 768px){.open ul li{background:linear-gradient(90deg,#626ccc,#008b8b);padding:5px 0;margin-top:5px;margin-bottom:5px;border:1px solid white;border-radius:30px}ul{margin-top:60px}.navbar{width:auto;padding:1rem}.navbar-container{width:auto}.navbar-toggle{display:block;color:#fff}.navbar-menu{width:100%;display:none}.open{display:block;position:fixed;margin-top:410px;max-width:-webkit-fill-available;margin-right:3em}.navbar-menu ul{flex-direction:column;gap:1rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:none;padding:1rem 0;margin-top:.5rem}.navbar-menu.open ul{display:flex;gap:0;margin:0;background-color:#fff;box-shadow:none;padding:20px;border-radius:12px}.navbar-menu a{display:block;padding:.5rem 2rem}.navbar-logo img{width:50px}.page-content{padding:0rem}.dribbble-card h1{font-size:1.4rem}.dribbble-card p{font-size:.8rem}.step-line{display:none}.step-label{max-width:100px}.step-progress{gap:10px}.createcv-form-card{width:-webkit-fill-available}}