/* ==========================================================
   HASEEN TOOLS PREMIUM
   GLOBAL DESIGN SYSTEM v1.0
========================================================== */

:root{

    /* COLORS */

    --primary:#F4B400;
    --primary-light:#FFD54A;
    --primary-dark:#C98E00;

    --bg:#0B0B0D;
    --bg-2:#111215;
    --bg-3:#18191D;

    --glass:rgba(255,255,255,.05);
    --glass-hover:rgba(255,255,255,.08);

    --border:rgba(255,255,255,.08);

    --text:#FFFFFF;
    --text-light:#CFCFCF;
    --text-muted:#9D9D9D;

    --success:#20C863;
    --danger:#FF4D4F;

    --shadow:0 20px 60px rgba(0,0,0,.35);

    --radius:18px;

}

/* ========================= */

*{

margin:0;
padding:0;
box-sizing:border-box;

}

/* ========================= */

html{

scroll-behavior:smooth;

}

/* ========================= */

body{

background:var(--bg);

color:var(--text);

font-family:'Inter',sans-serif;

font-size:16px;

line-height:1.7;

overflow-x:hidden;

position:relative;

}

/* ========================= */
/* Animated Background */
/* ========================= */

body::before{

content:"";

position:fixed;

top:-300px;

left:-300px;

width:700px;

height:700px;

background:radial-gradient(circle,
rgba(244,180,0,.18),
transparent 70%);

filter:blur(90px);

animation:goldFloat 18s ease-in-out infinite;

pointer-events:none;

z-index:-2;

}

body::after{

content:"";

position:fixed;

bottom:-250px;

right:-250px;

width:600px;

height:600px;

background:radial-gradient(circle,
rgba(255,255,255,.05),
transparent 70%);

filter:blur(120px);

animation:whiteFloat 22s ease-in-out infinite;

pointer-events:none;

z-index:-2;

}

/* ========================= */

@keyframes goldFloat{

0%{

transform:translate(0,0);

}

50%{

transform:translate(120px,80px);

}

100%{

transform:translate(0,0);

}

}

@keyframes whiteFloat{

0%{

transform:translate(0,0);

}

50%{

transform:translate(-140px,-120px);

}

100%{

transform:translate(0,0);

}

}

/* ========================= */

h1,h2,h3,h4,h5,h6{

font-family:'Poppins',sans-serif;

font-weight:700;

color:white;

letter-spacing:-0.02em;

}

/* ========================= */

p{

color:var(--text-light);

}

/* ========================= */

a{

color:var(--primary);

text-decoration:none;

transition:.35s;

}

a:hover{

color:var(--primary-light);

}

/* ========================= */

img{

max-width:100%;

display:block;

}

/* ========================= */

.container{

width:min(1320px,92%);

margin:auto;

}

/* ========================= */

.card{

background:var(--glass);

border:1px solid var(--border);

backdrop-filter:blur(18px);

border-radius:var(--radius);

box-shadow:var(--shadow);

}

/* ========================= */

section{

padding:90px 0;

}

/* ========================= */

::-webkit-scrollbar{

width:12px;

}

::-webkit-scrollbar-track{

background:#111;

}

::-webkit-scrollbar-thumb{

background:var(--primary);

border-radius:50px;

}

::-webkit-scrollbar-thumb:hover{

background:var(--primary-light);

}

/* ========================= */

::selection{

background:var(--primary);

color:#111;

}