@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@300;400;500;600;700;800&display=swap";:root{--font-heading: "Fredoka", sans-serif;--font-body: "Nunito", sans-serif;--color-hanada: #006284;--color-primary: #004259;--color-secondary: #33819E;--color-cta: #F97316;--color-cta-hover: #EA580C;--color-bg: #006284;--color-text: #FFFFFF;--color-text-muted: #004A66;--color-yellow: #FEF08A;--color-diff-newbie: #6EE7B7;--color-diff-junior: #7DD3FC;--color-diff-intermediate: #FDE047;--color-diff-advanced: #FDBA74;--color-diff-guru: #E9D5FF;--clay-bg: #FFFFFF;--clay-radius: 24px;--clay-border: 4px solid var(--color-primary);--clay-shadow-outer: 6px 6px 0px rgba(0, 0, 0, .25);--clay-shadow-inner: inset -4px -4px 8px rgba(0, 0, 0, .05), inset 4px 4px 8px rgba(255, 255, 255, .8);--clay-shadow: var(--clay-shadow-outer), var(--clay-shadow-inner);--clay-shadow-hover: 8px 8px 0px rgba(0, 0, 0, .35), var(--clay-shadow-inner)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--color-hanada);background-image:radial-gradient(rgba(255,255,255,.15) 1.5px,transparent 1.5px),linear-gradient(135deg,#1e799b,#006284,#004a66);background-size:32px 32px,100% 100%;background-attachment:fixed;color:var(--color-text);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600}.hero h1,.section-title{color:#fff}#root{width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.clay-card{background:var(--clay-bg);border-radius:var(--clay-radius);border:var(--clay-border);box-shadow:var(--clay-shadow);transition:all .25s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative;color:var(--color-primary)}.clay-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--clay-shadow-hover)}.clay-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:3px solid var(--color-primary);background:var(--color-cta);color:#fff;cursor:pointer;box-shadow:4px 4px 0 var(--color-primary),inset -2px -2px 6px #0000001a,inset 2px 2px 6px #ffffff4d;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.clay-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--color-primary),inset -2px -2px 6px #0000001a,inset 2px 2px 6px #ffffff4d;background:var(--color-cta-hover)}.clay-btn:active{transform:translateY(2px);box-shadow:2px 2px 0 var(--color-primary),inset -2px -2px 6px #0000001a,inset 2px 2px 6px #ffffff4d}.clay-btn-secondary{background:#fff;color:var(--color-primary)}.clay-btn-secondary:hover{background:#f8fafc}.hero{width:100%;padding:6rem 2rem;text-align:center;position:relative;max-width:1200px;margin:0 auto}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;margin-bottom:1.5rem;line-height:1.1;text-shadow:2px 2px 0px rgba(0,0,0,.2)}.hero h1 .highlight{color:var(--color-yellow);position:relative;display:inline-block}.hero h1 .highlight:after{content:"";position:absolute;bottom:10%;left:0;width:100%;height:30%;background:#0003;z-index:-1;border-radius:4px;transform:rotate(-1deg)}.hero p{font-size:clamp(1.125rem,2vw,1.375rem);max-width:600px;margin:0 auto 2.5rem;color:#ffffffe6;font-weight:500}.section{width:100%;padding:5rem 2rem;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:clamp(2rem,4vw,2.75rem);margin-bottom:3rem;position:relative}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.course-card{display:flex;flex-direction:column;padding:1.5rem;background:#fff;height:100%;text-decoration:none;color:inherit}.course-icon-container{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;border:3px solid var(--color-primary);box-shadow:3px 3px 0 var(--color-primary)}.course-card h3{font-size:1.5rem;margin-bottom:.75rem;line-height:1.3;color:var(--color-primary)}.course-card p{color:var(--color-text-muted);flex-grow:1;margin-bottom:1.5rem}.course-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:2px dashed #E2E8F0;padding-top:1rem}.difficulty-badge{font-family:var(--font-heading);font-size:.875rem;font-weight:600;padding:.25rem .75rem;border-radius:9999px;border:2px solid var(--color-primary);text-transform:uppercase}.diff-newbie{background:var(--color-diff-newbie);color:#064e3b}.diff-junior{background:var(--color-diff-junior);color:#0c4a6e}.diff-intermediate{background:var(--color-diff-intermediate);color:#713f12}.diff-advanced{background:var(--color-diff-advanced);color:#7c2d12}.diff-guru{background:var(--color-diff-guru);color:#4c1d95}footer{padding:2rem;text-align:center;font-weight:600;color:#ffffffb3}footer a{transition:color .2s}footer a:hover{color:#fff}