diff --git a/resources/css/app.css b/resources/css/app.css
index f4a17a9..ea8a188 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -3,6 +3,68 @@
@tailwind utilities;
@layer base {
+ :root {
+ --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+ --font-display: 'Outfit', var(--font-sans);
+ }
+
+ html {
+ font-family: var(--font-sans);
+ }
+
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ .font-display {
+ font-family: var(--font-display);
+ letter-spacing: -0.02em;
+ }
+
+ /* Noise Texture */
+ .noise-overlay {
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
+ }
+
+ /* Animations */
+ @keyframes fadeUp {
+ from {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ }
+
+ .animate-fade-up {
+ animation: fadeUp 0.5s ease-out forwards;
+ }
+
+ .delay-100 {
+ animation-delay: 100ms;
+ }
+
+ .delay-200 {
+ animation-delay: 200ms;
+ }
+
+ .delay-300 {
+ animation-delay: 300ms;
+ }
+
+ .delay-400 {
+ animation-delay: 400ms;
+ }
+
+ .delay-500 {
+ animation-delay: 500ms;
+ }
+
/* Custom Scrollbar */
::-webkit-scrollbar {
width: 8px;
@@ -47,4 +109,4 @@
[x-cloak] {
display: none !important;
}
-}
+}
\ No newline at end of file
diff --git a/resources/views/layouts/admin.blade.php b/resources/views/layouts/admin.blade.php
index 6c34ea7..fee0fa5 100644
--- a/resources/views/layouts/admin.blade.php
+++ b/resources/views/layouts/admin.blade.php
@@ -8,8 +8,9 @@
{{ config('app.name', 'Star Cloud') }}
-
-
+
+
+
@vite(['resources/css/app.css', 'resources/js/app.js'])
-
+
+
+
+
-