fix(Signup Page): Last Step Page style (#14853)

* fix: template not found

* refactor: scomplete signup page layout

* refactor: Simplify code

Co-authored-by: Summayya <frappe@Summayyas-MacBook-Air.local>
Co-authored-by: Suraj Shetty <13928957+surajshetty3416@users.noreply.github.com>

frappe/public/scss/website/index.scss

@@ -256,3 +256,13 @@ h5.modal-title {
 .about-footer {
 	padding-top: 1rem;
 }
+
+.login-content.container {
+	background-color: var(--fg-color);
+	padding: 45px 0px;
+	box-shadow: var(--shadow-base);
+	border-radius: var(--border-radius-md);
+	max-width: 400px;
+	margin: 70px auto;
+	font-size: $font-size-sm;
+}

frappe/www/complete_signup.html

@@ -1,25 +1,24 @@
 {% extends "templates/web.html" %}
 
-{% block style %}
-<style>
-{% include "templates/includes/login/login.css" %}
-</style>
-{% endblock %}
-
 {% block page_content %}
-<div class="login-content container" style="max-width: 800px;">
+<div class="text-center login-content container page-card">
 	<form role="form form-signin" method="POST"
         action="/api/method/frappe.templates.pages.login.login_oauth_user">
-		<h2 class="form-signin-heading">{{ _("One Last Step") }}</h2>
+		<h3 class="form-signin-heading mb-4">{{ _("One Last Step") }}</h3>
         <input type="hidden" name="key" value="{{ frappe.form_dict.key }}">
-		<input type="email" name="email_id"
-			class="form-control" placeholder="{{ _('Email Address') }}" required autofocus><br>
-		<input name="first_name"
-			class="form-control" placeholder="{{ _('First Name') }}" required><br>
-		<input name="last_name"
-			class="form-control" placeholder="{{ _('Last Name') }}">
-		<br>
-		<button class="btn btn-primary btn-complete-signup" type="submit">{{ _("Complete") }}</button>
+		<div class="form-group">
+			<input type="email" name="email_id"
+				class="form-control" placeholder="{{ _('Email Address') }}" required autofocus>
+		</div>
+		<div class="form-group">
+			<input name="first_name"
+				class="form-control" placeholder="{{ _('First Name') }}" required>
+		</div>
+		<div class="form-group">
+			<input name="last_name"
+				class="form-control" placeholder="{{ _('Last Name') }}">
+		</div>
+		<button class="btn btn-primary mt-2 btn-sm btn-complete-signup w-100" type="submit">{{ _("Complete") }}</button>
 	</form>
 </div>
 {% endblock %}