/* =========================================
   TECHORBIT - PREMIUM CSS
   PART 1
   Theme : Orange + Black
========================================= */

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/* Reset */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    scroll-behavior:smooth;
}

html{
    overflow-x:hidden;
}

body{
    font-family:'Poppins',sans-serif;
    background:#0d0d0d;
    color:#fff;
    overflow-x:hidden;
    line-height:1.7;
}

/* Theme */
:root{

    --primary:#ff7a00;
    --secondary:#ff9d00;

    --black:#0d0d0d;
    --dark:#151515;
    --light:#ffffff;

    --gray:#888;
    --border:rgba(255,255,255,.08);

    --shadow:
    0 15px 40px rgba(0,0,0,.35);

    --transition:.35s ease;

}

/* Scrollbar */

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

::-webkit-scrollbar-track{
    background:#111;
}

::-webkit-scrollbar-thumb{
    background:var(--primary);
    border-radius:20px;
}

/* Common */

.container{

    width:90%;
    max-width:1200px;
    margin:auto;

}

section{

    padding:100px 0;

}

h1,h2,h3,h4{

    font-weight:700;

}

p{

    color:#bbb;

}

/* Buttons */

.btn{

display:inline-block;
padding:15px 35px;
background:var(--primary);
color:#fff;
border-radius:50px;
text-decoration:none;
font-weight:600;
transition:var(--transition);
box-shadow:0 10px 30px rgba(255,122,0,.3);

}

.btn:hover{

background:#fff;
color:#111;
transform:translateY(-5px);

}

/* Header */

header{

position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
padding:20px 0;
transition:.4s;
background:rgba(0,0,0,.4);
backdrop-filter:blur(15px);

}

header.active{

background:#111;
padding:15px 0;

}

.navbar{

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

}

/* Logo */

.logo{

font-size:34px;
font-weight:800;
color:#fff;
text-decoration:none;

}

.logo span{

color:var(--primary);

}

/* Menu */

nav ul{

display:flex;
list-style:none;
gap:35px;

}

nav ul li a{

text-decoration:none;
color:#fff;
font-weight:500;
transition:.3s;

}

nav ul li a:hover{

color:var(--primary);

}

/* Hero */

.hero{

min-height:100vh;

display:flex;
align-items:center;

background:
linear-gradient(rgba(0,0,0,.75),
rgba(0,0,0,.85)),
url('assets/images/hero.jpg');

background-size:cover;
background-position:center;

}

.hero-content{

max-width:700px;

}

.hero h1{

font-size:65px;
line-height:1.2;

}

.hero h1 span{

color:var(--primary);

}

.hero p{

margin:30px 0;
font-size:18px;

}

.hero-buttons{

display:flex;
gap:20px;
margin-top:40px;

}

/* Glass Card */

.glass{

background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border-radius:20px;

box-shadow:var(--shadow);

}

/* Floating Animation */

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

100%{

transform:translateY(0);

}

}

.float{

animation:float 4s infinite ease-in-out;

}