success and backup views and styles

src/sass/views/onboarding/onboard-backup-request.scss

@@ -0,0 +1,11 @@
+#onboarding-backup-request{
+  .warning{
+    margin:4rem auto 1rem;
+  }
+  button{
+    color:#fff;
+  }
+  #arrow-down{
+    font-size: 4.2rem;
+  }
+}

src/sass/views/onboarding/onboard-backup-warning.scss

@@ -0,0 +1,11 @@
+#onboarding-backup-warning{
+  .warning{
+    margin:4rem auto 1rem;
+  }
+  button{
+    color:#fff;
+  }
+  #arrow-down{
+    font-size: 4.2rem;
+  }
+}

src/sass/views/onboarding/onboard-collect-email.scss

@@ -11,7 +11,7 @@
     opacity: 1;
     background: #fff;
     color: rgb(108, 108, 108);
-    height: 8rem;
+    height: 11rem;
     animation-name: topBottom;
     animation-iteration-count: 1;
     animation-timing-function: ease-in;
@@ -20,7 +20,21 @@
     position: absolute;
     bottom: -100%;
     animation-fill-mode: forwards;
-    z-index:5;
+    z-index: 5;
+    margin-top: 0;
+    label {
+      background: rgba(200, 200, 200, 0.20);
+      height: 3rem;
+      margin-top:0;
+      input {
+        position: absolute;
+      }
+      i {
+        position: absolute;
+        right: 3%;
+        top: 1rem;
+      }
+    }
   }
   .overlay {
     animation-name: bottomTop;
@@ -29,9 +43,10 @@
     animation-duration: 1s;
     animation-delay: 2s;
     animation-fill-mode: forwards;
-    top:100%;
+    top: 100%;
   }
 }
+
 @keyframes topBottom {
   0% {
     bottom: -100%;
@@ -40,6 +55,7 @@
     bottom: 0;
   }
 }
+
 @keyframes bottomTop {
   0% {
     top: 100%;

src/sass/views/onboarding/onboard-tour.scss

@@ -2,6 +2,7 @@
   &-secure {
     #cta {
       background-image: url(../img/onboarding-tour-phone.svg);
+      height: 17rem;
     }
   }
   &-currency {

src/sass/views/onboarding/onboarding.scss

@@ -30,9 +30,6 @@
         color: rgba(255, 255, 255, .5);
       }
     }
-    .col {
-      @include center-block(.5rem);
-    }
     #cta {
       background-size: contain;
       width: 100%;
@@ -51,6 +48,9 @@
       }
     }
   }
+  .col {
+    @include center-block(.5rem);
+  }
   .swiper-pagination {
     &-bullet {
       background: rgb(100, 124, 232);
@@ -59,9 +59,20 @@
       }
     }
   }
+  .button-transparent{
+    background: none !important;
+  }
+  .button-primary{
+    background: rgb(100, 124, 232) !important;
+  }
+  .light-blue{
+    color:rgb(100, 124, 232);
+  }
 }
 
 @import "terms-of-use";
 @import "onboard-welcome";
 @import "onboard-tour";
 @import "onboard-collect-email";
+@import "onboard-backup-request";
+@import "onboard-backup-warning";