@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap');:root {  --bg-color: #0d1117;  --bg-gradient: radial-gradient(circle at top right, #1a2333, #0d1117);  --glass-bg: rgba(255, 255, 255, 0.03);  --glass-border: rgba(255, 255, 255, 0.08);  --primary-color: #3b82f6;  --primary-hover: #2563eb;  --text-main: #f0f6fc;  --text-muted: #8b949e;  --card-bg: #161b22;  --font-heading: 'Outfit', sans-serif;  --font-body: 'Inter', sans-serif;}* {  margin: 0;  padding: 0;  box-sizing: border-box;}body {  font-family: var(--font-body);  background: var(--bg-color);  background-image: var(--bg-gradient);  color: var(--text-main);  line-height: 1.6;  min-height: 100vh;}h1,h2,h3 {  font-family: var(--font-heading);  letter-spacing: -0.02em;}a {  color: var(--primary-color);  text-decoration: none;  transition: color 0.3s ease;}a:hover {  color: var(--primary-hover);}header {  padding: 20px 0;  border-bottom: 1px solid var(--glass-border);  background: rgba(13, 17, 23, 0.7);  backdrop-filter: blur(10px);  position: sticky;  top: 0;  z-index: 100;}.container {  max-width: 1000px;  margin: 0 auto;  padding: 0 20px;}.logo {  font-family: var(--font-heading);  font-size: 1.5rem;  font-weight: 700;  color: var(--text-main);  display: flex;  align-items: center;  gap: 10px;}.logo span {  color: var(--primary-color);}.hero {  padding: 80px 0 40px;  display: flex;  align-items: center;  gap: 40px;}.hero-img {  width: 160px;  height: 160px;  border-radius: 32px;  box-shadow: 0 20px 40px rgba(37, 211, 102, 0.2);  object-fit: cover;  animation: float 6s ease-in-out infinite;}.hero-content h1 {  font-size: 3rem;  margin-bottom: 10px;  background: linear-gradient(to right, #fff, #8b949e);  -webkit-background-clip: text;  background-clip: text;  -webkit-text-fill-color: transparent;}.hero-content .subtitle {  color: var(--text-muted);  font-size: 1.1rem;  margin-bottom: 20px;}.details-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));  gap: 20px;  margin: 40px 0;}.glass-card {  background: var(--glass-bg);  border: 1px solid var(--glass-border);  border-radius: 16px;  padding: 20px;  backdrop-filter: blur(12px);  transition: transform 0.3s ease, background 0.3s ease;}.glass-card:hover {  transform: translateY(-5px);  background: rgba(255, 255, 255, 0.05);  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);}.glass-card .label {  font-size: 0.85rem;  color: var(--text-muted);  text-transform: uppercase;  letter-spacing: 0.05em;  margin-bottom: 5px;}.glass-card .value {  font-size: 1.1rem;  font-weight: 500;  display: flex;  align-items: center;  gap: 8px;}.badge {  background: rgba(37, 211, 102, 0.15);  color: var(--primary-color);  padding: 4px 10px;  border-radius: 20px;  font-size: 0.8rem;  font-weight: 600;}.content-section {  background: var(--card-bg);  border-radius: 24px;  padding: 40px;  margin: 40px 0;  border: 1px solid var(--glass-border);}.content-section h2 {  font-size: 1.8rem;  margin-bottom: 20px;  color: var(--text-main);}.content-section h3 {  font-size: 1.4rem;  margin: 30px 0 15px;  color: var(--text-main);}.content-section p {  color: var(--text-muted);  margin-bottom: 1.2rem;  font-size: 1.05rem;}.download-section {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));  gap: 20px;  margin: 40px 0;}.download-btn {  display: flex;  align-items: center;  padding: 20px;  background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));  border-radius: 16px;  color: white;  text-decoration: none;  font-weight: 600;  transition: transform 0.3s ease, box-shadow 0.3s ease;  gap: 15px;  position: relative;  overflow: hidden;}.download-btn:hover {  transform: scale(1.02);  box-shadow: 0 15px 30px rgba(37, 211, 102, 0.3);  color: white;}.download-btn::after {  content: '';  position: absolute;  top: -50%;  left: -50%;  width: 200%;  height: 200%;  background: linear-gradient(transparent, rgba(255, 255, 255, 0.2), transparent);  transform: rotate(45deg);  transition: 0.5s;  opacity: 0;}.download-btn:hover::after {  opacity: 1;  transform: rotate(45deg) translate(50%, 50%);}.download-btn .icon {  background: rgba(255, 255, 255, 0.2);  padding: 12px;  border-radius: 12px;  display: flex;}.download-btn .text {  display: flex;  flex-direction: column;}.download-btn .text span:first-child {  font-size: 1.1rem;}.download-btn .text span:last-child {  font-size: 0.85rem;  opacity: 0.9;  font-weight: 400;}.download-alt {  background: var(--glass-bg);  border: 1px solid var(--glass-border);}.download-alt:hover {  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);}.gallery {  margin: 40px 0;  border-radius: 20px;  overflow: hidden;  border: 1px solid var(--glass-border);}.gallery img {  width: 100%;  height: auto;  display: block;}@keyframes float {  0% {    transform: translateY(0px);  }  50% {    transform: translateY(-10px);  }  100% {    transform: translateY(0px);  }}@keyframes fadeIn {  from {    opacity: 0;    transform: translateY(20px);  }  to {    opacity: 1;    transform: translateY(0);  }}.animate {  animation: fadeIn 0.8s ease backwards;}.animate:nth-child(2) {  animation-delay: 0.1s;}.animate:nth-child(3) {  animation-delay: 0.2s;}.animate:nth-child(4) {  animation-delay: 0.3s;}footer {  text-align: center;  padding: 40px 0;  color: var(--text-muted);  border-top: 1px solid var(--glass-border);  margin-top: 60px;}@media (max-width: 768px) {  .hero {    flex-direction: column;    text-align: center;    padding: 40px 0 20px;  }}