<style>

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

body{
font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
background:#05070d;
color:#e6edf3;
line-height:1.6;
}

/* SUBTLE TECH BACKGROUND */

body::before{
content:"";
position:fixed;
inset:0;
background:
radial-gradient(circle at 20% 20%, rgba(80,160,255,0.12), transparent 40%),
radial-gradient(circle at 80% 30%, rgba(170,120,255,0.12), transparent 40%),
radial-gradient(circle at 50% 80%, rgba(0,200,255,0.12), transparent 40%);
z-index:-1;
}

body::after{
content:"";
position:fixed;
inset:0;

background-image:
linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);

background-size:60px 60px;

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

/* CURSOR EFFECTS */

.cursor-glow{
position:fixed;
width:300px;
height:300px;
pointer-events:none;
transform:translate(-50%,-50%);
background:radial-gradient(circle, rgba(125,211,252,0.03), transparent 70%);
filter:blur(80px);
z-index:-1;
}

/* CONTAINER */

.container{
max-width:1100px;
margin:auto;
padding:50px 20px;
}

/* LINK STYLES */

.policy-link{

color:#7dd3fc;
text-decoration:none;
font-weight:500;

border-bottom:1px solid rgba(125,211,252,0.35);

transition:all .25s ease;

}

.policy-link:hover{

color:#a78bfa;

border-bottom-color:#a78bfa;

}

/* LOGO */

.logo{
animation:logoIntro 1.2s ease;
}

@keyframes logoIntro{
0%{
opacity:0;
transform:scale(.7) translateY(40px);
filter:blur(6px);
}
100%{
opacity:1;
transform:scale(1);
filter:blur(0);
}
}

/* PLAY BADGE */

.play-badge{

height:56px;

margin-top:18px;

transition:transform .25s ease;

}

.play-badge:hover{

transform:scale(1.05);

}

/* WINDOWS DOWNLOAD BADGE */

.windows-badge{

height:42px;
display:inline-flex;
align-items:center;
gap:10px;

background:#0078D4; /* official Windows blue */

color:white;

padding:10px 18px;

border-radius:10px;

text-decoration:none;

font-weight:600;

transition:.25s;

}

.windows-badge img{

height:18px;

}

.windows-badge:hover{

background:#106ebe;

transform:translateY(-2px);

}

/* HERO */

.hero{
text-align:center;
padding:100px 20px 60px 20px;
}

.hero img{
width:120px;
margin-bottom:25px;
filter:drop-shadow(0 0 12px rgba(120,200,255,0.6));
}

.hero h1{
font-size:52px;
letter-spacing:1px;

background:linear-gradient(
90deg,
#e6edf3,
#7dd3fc,
#a78bfa,
#e6edf3
);

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

.hero p{
margin-top:14px;
opacity:.8;
font-size:18px;
}

/* SECTION */

.section{
margin-top:70px;
}

.section h2{
font-size:30px;
margin-bottom:12px;
color:#7dd3fc;
}

.section p{
opacity:.85;
max-width:720px;
}

.fade{
opacity:0;
transform:translateY(30px);
transition:all .9s ease;
}

.fade.visible{
opacity:1;
transform:translateY(0);
}

/* LIST */

ul{
margin-top:15px;
padding-left:18px;
}

li{
margin:8px 0;
}

/* APP GRID */

.apps{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:30px;
margin-top:35px;
}

/* CARD */

.card{

display:flex;
flex-direction:column;

background:linear-gradient(
145deg,
rgba(30,41,59,0.8),
rgba(15,23,42,0.9)
);

border:1px solid rgba(120,200,255,0.15);

backdrop-filter:blur(8px);

padding:28px;

border-radius:16px;

transition:.35s;

box-shadow:
0 8px 30px rgba(0,0,0,0.6),
inset 0 1px 0 rgba(255,255,255,0.05);
}

.card:hover{
transform:translateY(-6px);
border-color:#7dd3fc;
box-shadow:
0 15px 40px rgba(0,0,0,0.8),
0 0 20px rgba(125,211,252,0.25);
}

.card h3{
margin-bottom:10px;
font-size:22px;
}

/* APP ICON */

.app-icon{
width:70px;
height:70px;
border-radius:16px;
margin-bottom:14px;

box-shadow:
0 8px 25px rgba(0,0,0,0.6),
0 0 20px rgba(125,211,252,0.35);
}

/* BUTTON GROUP */

.buttons{
display:flex;
gap:14px;
align-items:center;
margin-top:18px;
flex-wrap:wrap;
}

/* BUTTON */

.button{

display:inline-block;

margin-top:18px;

padding:11px 22px;

border-radius:10px;

background:linear-gradient(
135deg,
#38bdf8,
#60a5fa,
#a78bfa
);

color:#020617;

font-weight:600;

text-decoration:none;

transition:.3s;

box-shadow:0 0 14px rgba(125,211,252,0.4);
}

.button:hover{
transform:translateY(-2px);
box-shadow:0 0 22px rgba(125,211,252,0.7);
}

/* SECONDARY BUTTON */

.button.secondary{

background:transparent;

color:#7dd3fc;

border:1px solid rgba(125,211,252,0.4);

box-shadow:none;

}

.button.secondary:hover{

background:rgba(125,211,252,0.08);

box-shadow:0 0 14px rgba(125,211,252,0.25);

transform:translateY(-2px);

}

.card .buttons{
margin-top:auto;
padding-top:20px;
}

/* CONTACT */

.contact{

margin-top:80px;

padding:35px;

border-radius:16px;

background:linear-gradient(
145deg,
rgba(30,41,59,0.8),
rgba(15,23,42,0.9)
);

border:1px solid rgba(120,200,255,0.15);
}

.contact a{
color:#7dd3fc;
text-decoration:none;
}

/* FOOTER */

footer{
text-align:center;
margin-top:70px;
opacity:.6;
font-size:14px;
line-height:1.6;
}

</style>
