first init

resources/scss/pages/_authentication.scss

@@ -0,0 +1,55 @@
+//
+// authentication.scss
+//
+
+body {
+     &.authentication-bg {
+          background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+          background-size: 400% 400%;
+          animation: gradient 15s ease infinite;
+
+          .account-pages {
+               align-items: center;
+               display: flex;
+               min-height: 100vh;
+          }
+     }
+}
+
+@keyframes gradient {
+     0% {
+          background-position: 0% 50%;
+     }
+
+     50% {
+          background-position: 100% 50%;
+     }
+
+     100% {
+          background-position: 0% 50%;
+     }
+}
+
+
+
+.auth-logo {
+     .logo-dark {
+          display: block;
+     }
+
+     .logo-light {
+          display: none;
+     }
+}
+
+html[data-bs-theme="dark"] {
+     .auth-logo {
+          .logo-dark {
+               display: none;
+          }
+
+          .logo-light {
+               display: block;
+          }
+     }
+}

resources/scss/pages/_icon-demo.scss

@@ -0,0 +1,7 @@
+
+
+.icon-box {
+    // height: 100px;
+    width: 142px;
+    margin-bottom: 0 !important;
+}