@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&family=Instrument+Serif:ital@0;1&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@font-face {
    font-family: pj;
    src: url(/assets/PlusJakartaSans-Regular.ttf);
}

@font-face {
    font-family: in;
    src: url(/assets/InstrumentSerif-Italic.ttf);
}

:root {
    --color-bg-primary: #000000;
    /* Deep black/navy tone instead of pure black */
    --transparent: hsla(0, 0%, 0%, 0);
    --color-border: rgba(140, 120, 200, 0.15);
    /* Soft border from purple hues */
    --color-text-primary: #f0f0f0;
    /* Light text for dark backgrounds */
    --color-brand-bg: #78A2D2;
    /* Teal from logo */
    --color-brand-text: #ffffff;
    --color-text: #cfcfcf;
    /* Softer white for body text */
    --color-gradient-brand: linear-gradient(90deg, #78A2D2 0%, #8933a3 100%);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html,
body {
    width: 100%;
    height: 100%;
    font-family: pj, sans-serif;
    background: var(--color-bg-primary);
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    
}

::selection {
    background-color: black;
    color: white;
}

body {
    overflow-x: hidden;
}

.container {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.wrapper {
    position: relative;
    z-index: 0;
}

/* .page-content {
    padding-bottom: 100px;
} */

img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h1 {
    font-size: 80px;
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: 500;
    background: #FCFCFC;
    background: linear-gradient(to right, #136a82, #3e3a94, #7a2d91);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

p {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
}


a {
    text-decoration: none;
    color: #000000;
}



.divider {
    width: 100%;
    height: 1px;
    margin: 75px 0;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(0, 0, 0, 0) 100%);
}