v1.0 - initial version

src/index.css

@@ -0,0 +1,70 @@
+@import '@fontsource/montserrat/400.css';
+@import '@fontsource/montserrat/600.css';
+@import '@fontsource/poppins/400.css';
+@import '@fontsource/poppins/600.css';
+
+@import 'tailwindcss';
+
+@theme {
+  --font-display: 'Poppins', sans-serif;
+  --font-body: 'Montserrat', sans-serif;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  scroll-behavior: smooth;
+}
+
+body {
+  font-family: 'Montserrat', sans-serif;
+  background-color: #ffffff;
+  color: #073d4a;
+  -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: 'Poppins', sans-serif;
+  font-weight: bold;
+}
+
+/* Gradient utilities */
+.grad-brand {
+  background: linear-gradient(135deg, #073d4a 0%, #138ba0 45%, #10d48a 100%);
+}
+
+.grad-brand-light {
+  background: linear-gradient(135deg, #0a5260 0%, #17aac4 50%, #00e676 100%);
+}
+
+.grad-dark {
+  background: linear-gradient(135deg, #042f3a 0%, #073d4a 60%, #0a5260 100%);
+}
+
+.grad-hero-text {
+  background: linear-gradient(90deg, #88b668 0%, #008fa8 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+
+/* Scrollbar hide */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: rgba(19, 139, 160, 0.4); border-radius: 3px; }
+
+/* Float animation */
+@keyframes float {
+  0%, 100% { transform: translateY(0px); }
+  50% { transform: translateY(-12px); }
+}
+
+.float-anim { display: inline-block; animation: float 4s ease-in-out infinite; will-change: transform;}
+
+
+.ig-icon { fill: currentColor; transition: fill 200ms ease; }
+.ig-icon:hover { fill: url(#ig-gradient); }
+.fb-icon:hover { fill: #0862f7; }
+.ds-icon:hover { fill: #5661ea; }