:root{

--primary:#00ffcc;
--primary2:#00c9ff;

}

*{

margin:0;
padding:0;
box-sizing:border-box;
scroll-behavior:smooth;
font-family:'Inter',sans-serif;

}

body{

background:#000814;

color:white;
overflow-x:hidden;

position:relative;
user-select:none;
-webkit-user-select:none;

}

/* =========================
SPACE BACKGROUND
========================= */

#space-bg{

position:fixed;
top:0;
left:0;

width:100%;
height:100%;

z-index:-10;

background:
radial-gradient(circle at 20% 20%, rgba(0,255,255,0.15), transparent 25%),
radial-gradient(circle at 80% 70%, rgba(0,100,255,0.12), transparent 25%),
linear-gradient(to bottom,#000814,#001d3d,#000);

overflow:hidden;

}

/* MOVING STARS */

#space-bg::before{

content:"";

position:absolute;
width:200%;
height:200%;

background-image:
radial-gradient(white 1px, transparent 1px);

background-size:50px 50px;

opacity:0.4;

animation:moveStars 120s linear infinite;

}

/* GALAXY GLOW */

#space-bg::after{

content:"";

position:absolute;

top:50%;
left:50%;

width:800px;
height:800px;

transform:translate(-50%,-50%);

background:
radial-gradient(circle,
rgba(0,255,255,0.12),
transparent 70%);

filter:blur(80px);

animation:galaxySpin 40s linear infinite;

}

@keyframes moveStars{

from{
transform:translateY(0);
}

to{
transform:translateY(-500px);
}

}

@keyframes galaxySpin{

from{
transform:translate(-50%,-50%) rotate(0deg);
}

to{
transform:translate(-50%,-50%) rotate(360deg);
}

}


/* =========================
SCROLLBAR
========================= */

::-webkit-scrollbar{
width:10px;
}

::-webkit-scrollbar-thumb{

background:var(--primary);
border-radius:20px;

}

/* =========================
PROGRESS BAR
========================= */

#progressBar{

position:fixed;

top:0;
left:0;

width:0%;
height:4px;

background:
linear-gradient(
90deg,
var(--primary),
var(--primary2)
);

z-index:10000;

}

/* =========================
NAVBAR
========================= */

nav{

position:fixed;

top:0;
left:0;

width:100%;

padding:18px 7%;

display:flex;
justify-content:space-between;
align-items:center;

background:rgba(0,0,0,0.35);

backdrop-filter:blur(16px);

z-index:9999;

transition:0.4s;

}

nav.scrolled{

background:#020617;

box-shadow:
0 10px 30px rgba(0,0,0,0.45);

}

.logo{

font-size:28px;
font-weight:800;

background:
linear-gradient(
135deg,
var(--primary),
var(--primary2)
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

nav ul{

display:flex;
gap:28px;

list-style:none;

}

nav ul li a{

text-decoration:none;
color:white;
font-weight:500;
transition:0.3s;

}

nav ul li a:hover{

color:var(--primary);

}

/* =========================
HERO
========================= */

.hero{


min-height:100vh;

display:flex;
justify-content:center;
align-items:center;

padding:140px 8% 80px;

position:relative;

overflow:hidden;

isolation:isolate;
backdrop-filter:blur(2px);

}

.hero::before{
content:"";
position:absolute;
inset:0;

background:
radial-gradient(circle at 20% 20%,
rgba(0,255,204,0.18),
transparent 35%),


radial-gradient(circle at 80% 70%,
rgba(0,201,255,0.15),
transparent 35%);

animation:aurora 10s ease-in-out infinite alternate;

z-index:0;
pointer-events:none;
}

@keyframes aurora{
0%{
transform:translateY(0px);
}
100%{
transform:translateY(-40px);
}
}

/* =========================
PREMIUM STARS SYSTEM
========================= */

.stars{

position:absolute;
inset:0;

overflow:hidden;

z-index:0;

}

/* INDIVIDUAL STAR */

.stars span{

position:absolute;

border-radius:50%;

background:white;

/* GLOW */
box-shadow:
0 0 6px rgba(255,255,255,0.9),
0 0 12px rgba(0,255,255,0.6),
0 0 20px rgba(0,255,255,0.4);

animation:
twinkle linear infinite,
floatStar ease-in-out infinite;

}

/* TWINKLE EFFECT */

@keyframes twinkle{

0%{
opacity:0.1;
transform:scale(0.4);
}

50%{
opacity:1;
transform:scale(1.2);
}

100%{
opacity:0.1;
transform:scale(0.4);
}

}

/* FLOATING MOTION */

@keyframes floatStar{

0%{
transform:translateY(0px);
}

50%{
transform:translateY(-20px);
}

100%{
transform:translateY(0px);
}

}
/* =========================
GLOBE
========================= */

.globe-container{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

width:420px;
height:420px;

z-index:1;

}

#earthCanvas{

width:100%;
height:100%;

display:block;

border-radius:50%;

filter:
drop-shadow(0 0 35px rgba(0,255,255,0.6))
drop-shadow(0 0 80px rgba(0,255,255,0.2));

}

/* =========================
ORBITS
========================= */

.orbit{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

border:1px dashed rgba(0,255,255,0.25);

border-radius:50%;

}

.orbit1{

width:520px;
height:520px;

animation:rotateOrbit 18s linear infinite;

}

.orbit2{

width:700px;
height:700px;

animation:rotateOrbit 28s linear infinite reverse;

}

@keyframes rotateOrbit{

from{

transform:
translate(-50%,-50%)
rotate(0deg);

}

to{

transform:
translate(-50%,-50%)
rotate(360deg);

}

}

/* =========================
SATELLITE ORBITS
========================= */

.satellite-orbit{

position:absolute;

top:50%;
left:50%;

transform:translate(-50%,-50%);

border-radius:50%;

pointer-events:none;

}

.sat-orbit1{

width:520px;
height:520px;

animation:
rotateSatellite 12s linear infinite;

}

.sat-orbit2{

width:700px;
height:700px;

animation:
rotateSatellite 18s linear infinite reverse;

}

.satellite{

position:absolute;

top:-18px;
left:50%;

transform:translateX(-50%);

font-size:34px;

filter:
drop-shadow(0 0 10px cyan)
drop-shadow(0 0 20px cyan);

animation:
satFloat 3s ease-in-out infinite;

}

@keyframes rotateSatellite{

from{

transform:
translate(-50%,-50%)
rotate(0deg);

}

to{

transform:
translate(-50%,-50%)
rotate(360deg);

}

}

@keyframes satFloat{

0%{

transform:
translateX(-50%)
translateY(0px);

}

50%{

transform:
translateX(-50%)
translateY(-10px);

}

100%{

transform:
translateX(-50%)
translateY(0px);

}

}

/* =========================
HERO CONTENT
========================= */

.hero-container{

position:relative;

z-index:2;

display:grid;

grid-template-columns:1.2fr 0.8fr;

gap:60px;

align-items:center;

width:100%;
max-width:1400px;

}

.hero-left h1{

font-size:75px;

line-height:1.1;

margin-bottom:25px;

}

.hero-left span{

background:
linear-gradient(
135deg,
var(--primary),
var(--primary2)
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.hero-left p{

font-size:21px;

line-height:1.9;

color:#ddd;

max-width:750px;

}

/* =========================
TYPING
========================= */

.typing{

overflow:hidden;

white-space:nowrap;

border-right:4px solid #00ffcc;

width:0;

animation:
typing 4s steps(30,end) forwards,
blink .8s infinite;

}

@keyframes typing{

from{
width:0;
}

to{
width:100%;
}

}

@keyframes blink{

50%{
border-color:transparent;
}

}

/* =========================
CARDS
========================= */

.hero-right{

display:grid;

gap:25px;

}

.hero-card{

padding:35px;

border-radius:25px;

background:
rgba(255,255,255,0.05);

backdrop-filter:blur(16px);

border:
1px solid rgba(255,255,255,0.08);

transition:0.4s;

}

.hero-card:hover{

transform:translateY(-8px);

}

.hero-card h3{

color:#aaa;

margin-bottom:10px;

}

.hero-card h1{

font-size:55px;

background:
linear-gradient(
135deg,
var(--primary),
var(--primary2)
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* =========================
BUTTONS
========================= */

.hero-buttons{

margin-top:45px;

display:flex;
gap:20px;

flex-wrap:wrap;

}

.btn{

display:inline-block;

padding:16px 42px;

border-radius:50px;

text-decoration:none;

font-weight:700;

transition:0.4s;

background:
linear-gradient(
135deg,
var(--primary),
var(--primary2)
);

color:black;

}

.btn:hover{

transform:translateY(-5px);

}

.btn2{

background:transparent;

border:2px solid var(--primary);

color:var(--primary);

}

/* =========================
SECTION
========================= */

.section{

padding:
120px
clamp(20px,6vw,90px);

position: relative;
overflow: visible;

/* IMAGE SETTINGS */
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;

/* PREMIUM EFFECT */
isolation:isolate;

}

/* DARK OVERLAY */
.section::before{
content:"";
position:absolute;
inset:0;

/* GLOSSY DARK GLASS */
background:
linear-gradient(
135deg,
rgba(0,0,0,0.78),
rgba(0,20,35,0.55),
rgba(0,0,0,0.72)
);

backdrop-filter: blur(2px);

z-index:-1;
}

/* EXTRA GLOW LAYER */

.section::after{
content:"";
position:absolute;
inset:0;

background:
radial-gradient(circle at top left,
rgba(0,255,204,0.15),
transparent 40%),

radial-gradient(circle at bottom right,
rgba(0,201,255,0.12),
transparent 40%);

z-index:-1;
}

/* KEEP CONTENT ABOVE IMAGE */
.section > *{
position:relative;
z-index:2;
}

/* =========================
INDIVIDUAL SECTION BACKGROUNDS
========================= */

/* INTRO */
#intro{
background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2070&auto=format&fit=crop');
}

#objective{
background-image:url('https://images.unsplash.com/photo-1520607162513-77705c0f0d4a?q=80&w=2070&auto=format&fit=crop');
}

#methodology{
background-image:url('https://images.unsplash.com/photo-1461749280684-dccba630e2f6?q=80&w=2070&auto=format&fit=crop');
}

#analysis{
background-image:url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2072&auto=format&fit=crop');
}

#conclusion{
background-image:url('https://images.unsplash.com/photo-1504384308090-c894fdcc538d?q=80&w=2070&auto=format&fit=crop');
}

#ack{
background-image:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?q=80&w=2071&auto=format&fit=crop');
}

.title{

font-size:52px;

text-align:center;

margin-bottom:60px;

background:
linear-gradient(
135deg,
var(--primary),
var(--primary2)
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

/* =========================
BOXES
========================= */

.content-box,
.card,
.member,
.objective-card{

background:
linear-gradient(
135deg,
rgba(255,255,255,0.10),
rgba(255,255,255,0.04)
);

border:
1px solid rgba(255,255,255,0.18);

backdrop-filter:blur(22px);
-webkit-backdrop-filter:blur(22px);

box-shadow:
0 8px 32px rgba(0,0,0,0.35),
0 0 25px rgba(0,255,204,0.08);

border-radius:25px;

padding:35px;

transition:0.4s;

}

.content-box:hover,
.card:hover,
.member:hover,
.objective-card:hover{

transform:
translateY(-12px)
scale(1.02);

border:
1px solid rgba(0,255,204,0.45);

box-shadow:
0 15px 45px rgba(0,255,204,0.18),
0 0 30px rgba(0,255,204,0.12);

}

.content-box{

line-height:2;

}

/* =========================
OBJECTIVES
========================= */

.objective-container{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

gap:30px;

}

.objective-icon{

font-size:55px;

margin-bottom:20px;

}

/* =====================================
INTERACTIVE TREE METHODOLOGY
===================================== */

.methodology-layout{

display:grid;
grid-template-columns: 2fr 1fr;

gap:40px;

align-items:start;

min-height:85vh;

}

/* LEFT TREE AREA */

.tree-container{

position:relative;

height:700px;

border-radius:30px;

background:
rgba(255,255,255,0.03);

border:
1px solid rgba(255,255,255,0.08);

backdrop-filter:blur(10px);

overflow:hidden;

}

/* NODE STYLE */

.tree-node{

position:absolute;

padding:18px 28px;

border-radius:50px;

background:
linear-gradient(
135deg,
#007cf0,
#00dfd8
);

color:white;

font-weight:700;

cursor:pointer;

transition:0.4s;

box-shadow:
0 0 25px rgba(0,255,204,0.15);

}

.tree-node:hover{

transform:scale(1.08);

box-shadow:
0 0 35px rgba(0,255,204,0.45);

}

/* ACTIVE NODE */

.tree-node.active{

background:
linear-gradient(
135deg,
#ff7b54,
#ffb26b
);

}

/* RIGHT INFO PANEL */

.method-info{

position:sticky;

top:100px;

height:calc(100vh - 120px);

overflow-y:auto;

padding:35px;

border-radius:25px;

background:
rgba(10,20,35,0.82);

border:
1px solid rgba(0,255,204,0.25);

backdrop-filter:blur(16px);

box-shadow:
0 0 30px rgba(0,255,204,0.08);

}

/* MOBILE */

@media(max-width:1100px){

.methodology-layout{

grid-template-columns:1fr;

}

.tree-container{

height:900px;

}

}

/* =========================
GRID
========================= */

.grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

gap:30px;

}

/* =========================
MAPS
========================= */

#introMap,
#analysisMap{

width:100%;
height:700px;   /* IMPORTANT */
border-radius:25px;
overflow:hidden;
margin-top:40px;

}

/* INTRO GRID PREMIUM FIX */

.intro-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:stretch;

min-height:70vh;

}

#intro .content-box,
#introMap{

height:100%;
min-height:70vh;

}

#intro .content-box{

overflow-y:auto;

display:flex;
flex-direction:column;
justify-content:center;

}

#introMap{

min-height:0;

}

/* =========================
TEAM
========================= */

.member.mentor{

background:
linear-gradient(
135deg,
rgba(0,255,204,0.18),
rgba(0,201,255,0.10),
rgba(255,215,0,0.12)
);

border:1px solid rgba(255,215,0,0.5);

box-shadow:
0 0 35px rgba(255,215,0,0.18),
0 0 60px rgba(0,255,204,0.12);

transform:scale(1.04);

position:relative;

overflow:hidden;

}

.member.mentor::before{

content:"MENTOR";

position:absolute;

top:18px;
right:-35px;

background:linear-gradient(135deg,#FFD700,#ffae00);

color:black;

padding:8px 40px;

font-size:12px;
font-weight:800;

transform:rotate(45deg);

box-shadow:0 0 20px rgba(255,215,0,0.5);

}

.member.mentor h3{

font-size:28px;

background:
linear-gradient(
135deg,
#FFD700,
#00ffcc
);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

}

.member.mentor img{

width:150px;
height:150px;

border:5px solid gold;

box-shadow:
0 0 35px rgba(255,215,0,0.6),
0 0 60px rgba(0,255,204,0.35);

}
/* =========================
TEAM GRID FINAL FIX
========================= */

.team{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(220px,1fr));

gap:25px;

margin-top:50px;

align-items:start;

}

/* MEMBER CARD SIZE FIX */

.member{

padding:25px 20px;

max-width:260px;

margin:auto;

width:100%;

}

/* IMAGE SIZE */

.member img{

width:110px;
height:110px;

border-radius:50%;

object-fit:cover;

margin-bottom:18px;

border:4px solid #00ffcc;

}

/* TEXT */

.member h3{

font-size:22px;

margin-bottom:10px;

}

.member p{

font-size:15px;

line-height:1.7;

color:#ddd;

}
.member a{

color:#00ffcc;

text-decoration:none;

font-size:14px;

word-break:break-word;

transition:0.3s;

}

.member a:hover{

color:white;

text-shadow:0 0 10px #00ffcc;

}
/* =========================
FOOTER
========================= */

footer{

padding:70px 8%;
background:#01040c;
text-align:center;

}

/* =========================
RESPONSIVE
========================= */

@media(max-width:992px){

.hero-container{

grid-template-columns:1fr;

text-align:center;

}

.hero-left h1{
font-size:50px;
}

.globe-container{

width:300px;
height:300px;

}

}
/* =========================
FLOWCHART UPGRADE (GLOW + MOTION)
========================= */

.flow-box{
position:relative;
overflow:hidden;
}

.flow-box::after{
content:"";
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(120deg,transparent,rgba(0,255,204,0.4),transparent);
transition:0.6s;
}

.flow-box:hover::after{
left:100%;
}

/* ACTIVE GLOW STATE */
.flow-box.active-step{
transform:scale(1.08);
box-shadow:
0 0 25px rgba(0,255,204,0.8),
0 0 60px rgba(0,255,204,0.4);
border:1px solid rgba(0,255,204,0.9);
}

/* FLOW ARROW ANIMATION */
.arrow{

width:3px;
height:35px;

background:
linear-gradient(
to bottom,
#00ffcc,
transparent
);

border-radius:20px;

animation:none;

opacity:0.8;

}

.nasa-timeline{
display:flex;
flex-direction:column;
align-items:center;
gap:18px;
margin-top:40px;
}

.node{
padding:18px 40px;
border-radius:50px;
background:rgba(135, 140, 201, 0.08);
border:1px solid rgba(0,255,204,0.3);
color:#fff;
font-weight:600;
cursor:pointer;
transition:0.4s;
min-width:220px;
text-align:center;
backdrop-filter:blur(10px);
}

.node.active{
background:rgba(0,255,204,0.15);
box-shadow:0 0 30px rgba(0,255,204,0.6);
border:1px solid #00ffcc;
transform:scale(1.1);
}

.line{
width:2px;
height:35px;
background:linear-gradient(to bottom,#00ffcc,transparent);
opacity:0.6;
animation:pulseLine 1.5s infinite;
}

@keyframes pulseLine{
0%{opacity:0.2;}
50%{opacity:1;}
100%{opacity:0.2;}
}
.intro-grid{
  display:grid;
  grid-template-columns: 0.9fr 1.5fr;
  gap:40px;
  align-items:stretch;
}
.method-grid{

display:grid;

grid-template-columns: 1.1fr 0.9fr;

gap:40px;

align-items:start;

width:100%;

}

@media(max-width:1000px){

.method-grid{

grid-template-columns:1fr;

}

}
.method-info{
padding:30px;
border-radius:20px;
background:rgba(255,255,255,0.05);
border:1px solid rgba(255,255,255,0.1);
min-height:300px;
}

.flowchart{
display:flex;
flex-direction:column;
align-items:center;
gap:14px;
}

.flow-box{

width:320px;

padding:18px 24px;

border-radius:18px;

background:rgba(10,20,35,0.75);

border:1px solid rgba(0,255,204,0.35);

backdrop-filter:blur(12px);

color:white;

font-size:17px;
font-weight:600;

text-align:center;

cursor:pointer;

transition:0.35s ease;

box-shadow:
0 0 20px rgba(0,255,204,0.08);

}

.flow-box:hover{

transform:translateY(-5px) scale(1.03);

box-shadow:
0 0 35px rgba(0,255,204,0.25);

}

.flow-box.active-step{

background:
linear-gradient(
135deg,
#00ffcc,
#00c9ff
);

color:black;

transform:scale(1.05);

box-shadow:
0 0 40px rgba(0,255,204,0.5);

}
/* =========================
INTRO GRID PREMIUM FIX
========================= */

.intro-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:30px;

align-items:stretch;

min-height:70vh;

}

/* SAME HEIGHT BOTH SIDE */

#intro .content-box,
#introMap{

height:100%;

min-height:70vh;

}

/* CONTENT BOX */

#intro .content-box{

overflow-y:auto;

display:flex;

flex-direction:column;

justify-content:center;

}

/* MAP */

#introMap{

width:100%;

border-radius:25px;

overflow:hidden;

}

/* LAPTOP FIX */

@media(max-width:1200px){

.intro-grid{

min-height:65vh;

}

#intro .content-box,
#introMap{

min-height:65vh;

}

}

/* TABLET */

@media(max-width:900px){

.intro-grid{

grid-template-columns:1fr;

}

#intro .content-box,
#introMap{

min-height:500px;


}

}

/* MOBILE */

@media(max-width:900px){

.intro-grid{
grid-template-columns:1fr;
}

#intro .content-box,
#introMap{

min-height:500px;

}

}

/* =========================
FLOATING ANIMATION SYSTEM
========================= */

@keyframes floatY {
0% { transform: translateY(0px); }
50% { transform: translateY(-12px); }
100% { transform: translateY(0px); }
}

@keyframes floatSlow {
0% { transform: translateY(0px) rotate(0deg); }
50% { transform: translateY(-18px) rotate(1deg); }
100% { transform: translateY(0px) rotate(0deg); }
}

/* HERO CARDS FLOAT */
.hero-card{
animation: floatY 5s ease-in-out infinite;
transition: 0.4s;
}

.hero-card:nth-child(2){
animation-delay: 0.5s;
}

.hero-card:nth-child(3){
animation-delay: 1s;
}

/* OBJECTIVE CARDS FLOAT */
.objective-card{
animation: floatY 6s ease-in-out infinite;
}

.objective-card:hover{
transform: translateY(-15px) scale(1.03);
box-shadow: 0 10px 40px rgba(0,255,204,0.2);
}

/* FLOWCHART UPGRADE */
/* TEAM MEMBER FLOAT */
.member{
animation: floatSlow 7s ease-in-out infinite;
}

.member:hover{
transform: translateY(-12px) scale(1.05);
box-shadow: 0 0 25px rgba(0,255,204,0.3);
}

/* BUTTON HOVER GLOW */
.btn{
transition: 0.4s;
box-shadow: 0 0 0 rgba(0,255,204,0);
}

.btn:hover{
transform: translateY(-6px) scale(1.05);
box-shadow: 0 0 25px rgba(0,255,204,0.5);
}

/* GLASS CARD HOVER */
.hero-card:hover,
.objective-card:hover,
.member:hover{
border: 1px solid rgba(0,255,204,0.5);
}

/* =========================================
PREMIUM METHOD PANEL
========================================= */

.method-info{

position:sticky;
top:90px;

max-height:85vh;
overflow-y:auto;

padding:40px;
border-radius:30px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.1);

backdrop-filter:blur(16px);

min-height:500px;

transition:0.4s;

}

.method-header{

display:flex;
align-items:center;
gap:20px;

margin-bottom:20px;

}

.method-icon{

width:70px;
height:70px;

display:flex;
justify-content:center;
align-items:center;

font-size:35px;

border-radius:20px;

background:
linear-gradient(
135deg,
#00ffcc,
#00c9ff
);

}

.method-description{

line-height:1.9;
color:#ddd;

margin-bottom:25px;

}

.method-points{

display:grid;
gap:15px;

}

.method-point{

padding:15px 20px;

border-radius:15px;

background:
rgba(255,255,255,0.05);

border:
1px solid rgba(255,255,255,0.08);

transition:0.3s;

}

.method-point:hover{

transform:translateX(10px);

background:
rgba(0,255,204,0.08);

}

.method-point{
cursor:pointer;
transition:0.3s;
}

.method-point:hover{
background:rgba(0,255,204,0.15);
transform:translateX(8px);
}
/* =========================
FIXED COPYRIGHT BAR
========================= */

.copyright-bar{

position:fixed;

bottom:0;
left:0;

width:100%;

padding:12px 20px;

background:
rgba(0,0,0,0.75);

backdrop-filter:blur(10px);

border-top:
1px solid rgba(0,255,204,0.3);

display:flex;

justify-content:center;
align-items:center;

gap:25px;

flex-wrap:wrap;

z-index:99999;

font-size:14px;

}

/* GLOW TEXT */

.dev-text{

background:
linear-gradient(90deg,#00ffcc,#00c9ff);

-webkit-background-clip:text;
-webkit-text-fill-color:transparent;

font-weight:700;

letter-spacing:1px;

}

.copy-text{

color:#cccccc;

}
.dashboard-credit{
    color:#00e6ff;
    font-weight:700;
    font-size:15px;
    margin-top:8px;
    text-shadow:0 0 10px rgba(0,230,255,0.5);
}