*{font-family:nunito,segoe ui,system-ui,sans-serif}html{scroll-behavior:smooth}body{background:linear-gradient(180deg,#7dd3fc 0%,#bae6fd 25%,#e0f2fe 50%,#f0fdfa 75%,#ccfbf1 100%);background-attachment:fixed;min-height:100vh}.glass{background:rgba(255,255,255,.25);backdrop-filter:blur(16px)saturate(180%);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid rgba(255,255,255,.35);box-shadow:0 8px 32px rgba(14,165,233,.12)}.glass-strong{background:rgba(255,255,255,.4);backdrop-filter:blur(20px)saturate(180%);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 32px rgba(14,165,233,.18)}.glass-card{background:rgba(255,255,255,.3);backdrop-filter:blur(12px)saturate(150%);-webkit-backdrop-filter:blur(12px)saturate(150%);border:1px solid rgba(255,255,255,.4);box-shadow:0 8px 32px rgba(14,165,233,.1);transition:all .3s ease;position:relative;overflow:hidden}.glass-card:hover{background:rgba(255,255,255,.4);box-shadow:0 12px 40px rgba(14,165,233,.2);transform:translateY(-4px)}.glass-card::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.btn-glossy{background:linear-gradient(135deg,#0ea5e9 0%,#14b8a6 100%);position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(14,165,233,.4);transition:all .3s ease}.btn-glossy:hover{box-shadow:0 6px 30px rgba(14,165,233,.6);transform:translateY(-2px)}.btn-glossy::before{content:'';position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.sphere{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 30%,"Actúa como un experto desarrollador web especializado en Hugo y diseño de interfaces. Quiero crear una Landing Page moderna para mi distribución de Linux llamada 'Coconut Dynamics'.
 El sitio debe cumplir con estos requisitos:Tecnología:Utiliza Hugo como generador de sitios estáticos. Aesthetic:Frutiger Aero (vidrio esmerilado/glassmorphism,gradientes azul agua y cielo,elementos traslúcidos,esferas decorativas y un estilo fresco y 'limpio'). Estilo:Usa Tailwind CSS para el diseño. Por favor,indícame cómo integrar Tailwind en Hugo de forma sencilla. Estructura del sitio:Navbar:Logo (🥥),Links (Features,About,Download). Hero Section:Título impactante ('Linux that feels alive'),sub-título,y un botón destacado de 'Download ISO'. Features:Una cuadrícula (grid) con 6 características clave. About:Una sección que explique la filosofía de Coconut Dynamics. Download:Un panel central con el botón de descarga y metadatos de la ISO (versión,arquitectura,tamaño). Footer:Links básicos. Entregables:Proporcióname la estructura de archivos que debo crear. El código para hugo.toml (configuración). El archivo de contenido principal en Markdown (content/_index.md). El código para el layout (layouts/index.html). El CSS necesario (o configuración de Tailwind). Por favor,asegúrate de que el código sea limpio,profesional y fácil de mantener."
 rgba(125,211,252,.15) 70%,rgba(125,211,252,5%) 100%);box-shadow:inset -8px -8px 20px rgba(14,165,233,.15),0 4px 30px rgba(125,211,252,.2);pointer-events:none}.sphere-green{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.4) 30%,rgba(134,239,172,.15) 70%,rgba(134,239,172,5%) 100%);box-shadow:inset -8px -8px 20px rgba(34,197,94,.15),0 4px 30px rgba(134,239,172,.2)}@keyframes float{0%,100%{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(8deg)}}.anim-float{animation:float 6s ease-in-out infinite}.anim-float-d{animation:float 8s ease-in-out 1s infinite}.anim-float-s{animation:float 10s ease-in-out 2s infinite}.text-glow{text-shadow:0 2px 20px rgba(255,255,255,.5)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}::-webkit-scrollbar-thumb{background:rgba(14,165,233,.4);border-radius:4px}.prose-custom h2{font-size:2.25rem;font-weight:900;color:#0c4a6e;margin-bottom:1.5rem}.prose-custom p{font-size:1.125rem;color:#075985;line-height:1.75;margin-bottom:1.5rem}.prose-custom strong{font-weight:800;color:#0c4a6e}.prose-custom em{font-style:italic;color:#0f766e}.prose-custom ul{margin-left:1.5rem;margin-bottom:1.5rem;list-style-type:disc}.prose-custom li{color:#075985;margin-bottom:.5rem;font-size:1.125rem;line-height:1.75}