@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&display=swap";:root{--sketch-paper: hsl(48, 50%, 97%);--sketch-lines: hsl(210, 20%, 85%);--sketch-ink: hsl(220, 30%, 18%);--sketch-pencil: hsl(220, 15%, 40%);--sketch-light: hsl(220, 10%, 60%);--marker-yellow: hsl(50, 95%, 65%);--marker-pink: hsl(340, 90%, 70%);--marker-blue: hsl(210, 85%, 60%);--marker-green: hsl(150, 70%, 50%);--marker-orange: hsl(25, 95%, 60%);--marker-purple: hsl(270, 75%, 65%);--font-display: "Caveat", cursive;--font-clean: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}.sketch-notes{background:var(--sketch-paper);color:var(--sketch-ink);min-height:100vh;font-family:var(--font-body);overflow-x:hidden;position:relative}.sketch-notes:before{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--sketch-lines) 1px,transparent 1px);background-size:100% 32px;background-position:0 -16px;opacity:.5;pointer-events:none;z-index:0}.sketch-notes:after{content:"";position:fixed;top:0;bottom:0;left:80px;width:2px;background:#e87d7d4d;pointer-events:none;z-index:0}@media(max-width:768px){.sketch-notes:after{left:24px}}.sketch-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1}.sketch-hero-content{max-width:800px;text-align:center;position:relative}.sketch-title{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,7rem);font-weight:700;color:var(--sketch-ink);line-height:1;margin-bottom:1rem;position:relative;display:inline-block}.sketch-title .highlight{position:relative;display:inline-block}.sketch-title .highlight:before{content:"";position:absolute;bottom:.1em;left:-.1em;right:-.1em;height:.35em;background:var(--marker-yellow);z-index:-1;transform:skew(-5deg) rotate(-1deg);opacity:.7}.sketch-underline{position:relative}.sketch-underline:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:12px;background-image:url("data:image/svg+xml,%3Csvg width='200' height='12' viewBox='0 0 200 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 6 Q20 2 40 7 T80 5 T120 8 T160 4 T198 7' stroke='%23f97316' stroke-width='3' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%}.sketch-subtitle{font-family:var(--font-clean);font-size:1.5rem;color:var(--sketch-pencil);font-weight:400;margin-top:2rem;line-height:1.6}.sketch-doodles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.doodle{position:absolute;opacity:.6}.doodle-star{top:15%;right:15%;width:60px;height:60px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5 L34 22 L52 22 L38 33 L43 50 L30 40 L17 50 L22 33 L8 22 L26 22 Z' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");animation:doodle-wobble 4s ease-in-out infinite}.doodle-arrow{top:40%;left:5%;width:100px;height:50px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='50' viewBox='0 0 100 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 30 Q30 35 50 25 T95 20 M80 10 L95 20 L82 32' stroke='%2322c55e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");animation:doodle-wobble 5s ease-in-out infinite;animation-delay:-1s}.doodle-squiggle{bottom:25%;right:10%;width:120px;height:30px;background-image:url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 15 Q15 5 30 15 T55 15 T80 15 T105 15 T115 15' stroke='%23ec4899' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");animation:doodle-wobble 6s ease-in-out infinite;animation-delay:-2s}.doodle-circle{top:65%;left:12%;width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 10 Q70 15 68 40 Q65 68 40 70 Q12 68 10 40 Q15 15 40 10 Q45 12 42 11' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");animation:doodle-wobble 5s ease-in-out infinite;animation-delay:-3s}.doodle-bulb{top:20%;left:20%;width:50px;height:70px;background-image:url("data:image/svg+xml,%3Csvg width='50' height='70' viewBox='0 0 50 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 5 Q45 5 45 28 Q45 42 32 48 L32 55 L18 55 L18 48 Q5 42 5 28 Q5 5 25 5' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Cpath d='M18 60 L32 60 M20 65 L30 65' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M8 15 L2 10 M42 15 L48 10 M25 -2 L25 3' stroke='%23f59e0b' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");animation:doodle-wobble 4s ease-in-out infinite}@keyframes doodle-wobble{0%,to{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-5px)}}.sketch-card{background:var(--sketch-paper);border:2px solid var(--sketch-ink);border-radius:4px;padding:2rem;position:relative;transition:transform .2s ease}.sketch-card:hover{transform:rotate(-1deg) translateY(-4px)}.sketch-card:before{content:"";position:absolute;inset:-4px;border:2px solid transparent;-o-border-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='96' height='96' stroke='%231e293b' stroke-width='2' stroke-dasharray='6 4' rx='4'/%3E%3C/svg%3E") 30 round;border-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='96' height='96' stroke='%231e293b' stroke-width='2' stroke-dasharray='6 4' rx='4'/%3E%3C/svg%3E") 30 round;pointer-events:none;opacity:0;transition:opacity .2s ease}.sketch-card:hover:before{opacity:1}.sketch-card--folded:after{content:"";position:absolute;top:0;right:0;width:30px;height:30px;background:linear-gradient(135deg,transparent 50%,var(--sketch-lines) 50%);border-bottom-left-radius:4px}.sketch-sticky{background:var(--marker-yellow);padding:1.5rem;transform:rotate(-2deg);box-shadow:3px 3px #20293c1a,6px 6px #20293c0d;position:relative}.sketch-sticky--pink{background:var(--marker-pink)}.sketch-sticky--blue{background:#4299f04d}.sketch-sticky--green{background:#26d9804d}.sketch-sticky p{font-family:var(--font-display);font-size:1.25rem;color:var(--sketch-ink);margin:0}.sketch-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.sketch-checkbox:before{content:"";flex-shrink:0;width:20px;height:20px;margin-top:2px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='16' height='16' stroke='%231e293b' stroke-width='2' rx='2'/%3E%3C/svg%3E")}.sketch-checkbox--checked:before{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='2' width='16' height='16' stroke='%231e293b' stroke-width='2' rx='2'/%3E%3Cpath d='M5 10 L8 14 L15 6' stroke='%2322c55e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.sketch-button{font-family:var(--font-display);font-size:1.25rem;font-weight:600;padding:.75rem 2rem;background:var(--sketch-ink);color:var(--sketch-paper);border:2px solid var(--sketch-ink);border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;text-decoration:none;display:inline-block}.sketch-button:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:4px 4px 0 var(--sketch-pencil)}.sketch-button--outline{background:transparent;color:var(--sketch-ink)}.sketch-button--marker{background:var(--marker-orange);border-color:var(--marker-orange);color:#fff}.sketch-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;background:#fbfaf4e6;backdrop-filter:blur(8px);border-bottom:2px solid var(--sketch-ink)}.sketch-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.sketch-nav-logo{font-family:var(--font-display);font-weight:700;font-size:2rem;color:var(--sketch-ink);text-decoration:none}.sketch-nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.sketch-nav-link{font-family:var(--font-clean);font-weight:500;color:var(--sketch-pencil);text-decoration:none;position:relative;transition:color .2s ease}.sketch-nav-link:hover{color:var(--sketch-ink)}.sketch-nav-link:after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:8px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='8' viewBox='0 0 60 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4 Q10 2 20 5 T40 3 T58 5' stroke='%23f97316' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;transition:width .3s ease}.sketch-nav-link:hover:after{width:100%}.sketch-section{position:relative;padding:6rem 2rem;z-index:1}.sketch-heading{font-family:var(--font-clean);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--sketch-ink);margin-bottom:1rem;position:relative}.sketch-heading[data-annotation]:after{content:attr(data-annotation);font-family:var(--font-display);font-size:1rem;font-weight:400;color:var(--marker-green);position:absolute;top:-1.5rem;left:0;transform:rotate(-5deg)}.sketch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.sketch-tag{font-family:var(--font-display);font-size:1rem;padding:.25rem .75rem;background:#4299f033;color:#0f66bd;border-radius:100px;display:inline-block}.sketch-tag--pink{background:#f76e9c33;color:#c32258}.sketch-tag--green{background:#26d98033;color:#17824d}.sketch-tag--orange{background:#fa893833;color:#b85814}.sketch-prose{font-family:var(--font-body);color:var(--sketch-pencil);line-height:1.8}.sketch-prose h2{font-family:var(--font-display);font-size:2rem;color:var(--sketch-ink);margin-top:2.5rem;margin-bottom:1rem}.sketch-prose a{color:var(--marker-blue);text-decoration:none;position:relative}.sketch-prose a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--marker-yellow);z-index:-1;opacity:.6}.sketch-prose blockquote{font-family:var(--font-display);font-size:1.5rem;border-left:4px solid var(--marker-orange);padding-left:1.5rem;margin:2rem 0;color:var(--sketch-ink)}.sketch-footer{background:var(--sketch-ink);color:var(--sketch-paper);padding:4rem 2rem;position:relative;z-index:1}.sketch-footer:before{content:"";position:absolute;top:-20px;left:0;right:0;height:40px;background-image:url("data:image/svg+xml,%3Csvg width='1200' height='40' viewBox='0 0 1200 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 Q50 30 100 35 T200 32 T300 36 T400 30 T500 35 T600 32 T700 37 T800 31 T900 35 T1000 33 T1100 36 T1200 32 V40 Z' fill='%231e293b'/%3E%3C/svg%3E");background-size:cover}.sketch-divider{width:200px;height:20px;margin:3rem auto;background-image:url("data:image/svg+xml,%3Csvg width='200' height='20' viewBox='0 0 200 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 Q30 5 50 10 T90 10 T130 10 T170 10 T190 10' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3Ccircle cx='100' cy='10' r='4' fill='%2394a3b8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}@media(max-width:768px){.sketch-nav-links{display:none}.sketch-title{font-size:clamp(2.5rem,12vw,4rem)}.doodle{transform:scale(.6);opacity:.3}.sketch-sticky{transform:rotate(-1deg)}}.sketch-wiggle{animation:doodle-wobble 3s ease-in-out infinite}