:root{--marker-black:#1a1a1a;--marker-blue:#2563EB;--marker-red:#DC2626;--marker-green:#16A34A;--marker-yellow:#FFC107;--whiteboard-bg:#FAFAF8;--shadow-sketch:3px 3px 0px rgba(0,0,0,0.1)}h1,h2,h3,h4,h5,h6{font-family:var(--font-patrick-heading)!important;font-weight:400;letter-spacing:.02em;transform:rotate(-.5deg)}.doodle-button{position:relative;padding:12px 24px;font-weight:700;font-size:1.1rem;border:3px solid var(--marker-black);background:white;color:var(--marker-black);border-radius:0;transform:rotate(-1deg);transition:all .2s ease;box-shadow:var(--shadow-sketch);font-family:var(--font-patrick-heading);letter-spacing:.05em}.doodle-button:hover{transform:rotate(1deg) scale(1.05);box-shadow:5px 5px 0 rgba(0,0,0,.15)}.doodle-button-primary{background:var(--marker-blue);color:white;border-color:var(--marker-blue)}.doodle-button-cta{background:var(--marker-yellow);color:var(--marker-black);border:4px solid var(--marker-black);font-size:1.3rem;padding:16px 32px;font-weight:700;box-shadow:6px 6px 0 rgba(0,0,0,.2)}.doodle-button-cta:hover{transform:rotate(2deg) scale(1.08);box-shadow:8px 8px 0 rgba(0,0,0,.25)}.doodle-card{background:white;border:3px solid var(--marker-black);border-radius:0;padding:1.5rem;position:relative;transform:rotate(-.5deg);box-shadow:var(--shadow-sketch);transition:all .3s ease}.doodle-card:hover{transform:rotate(.5deg) translateY(-2px);box-shadow:5px 5px 0 rgba(0,0,0,.12)}.doodle-circle{border:3px solid var(--marker-black);border-radius:50% 45% 55% 48%/48% 52% 48% 52%;animation:wobble 8s ease-in-out infinite}.doodle-underline{position:relative;display:inline-block}.doodle-underline:after{content:"";position:absolute;left:-2px;bottom:-4px;width:calc(100% + 4px);height:3px;background:var(--marker-blue);transform:rotate(-1deg) scaleX(1.02);border-radius:2px}.doodle-divider{width:100%;height:3px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='3' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.5c10 0 10 1 20 1s10-1 20-1 10 1 20 1 10-1 20-1 10 1 20 1' stroke='%231a1a1a' stroke-width='3' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;margin:2rem 0}.doodle-badge{display:inline-block;padding:4px 12px;background:var(--marker-red);color:white;font-weight:700;transform:rotate(-2deg);font-family:var(--font-patrick-heading);font-size:1.1rem;letter-spacing:.05em;position:relative}.doodle-badge:before{content:"";position:absolute;inset:-2px;border:2px solid var(--marker-red);transform:rotate(1deg);z-index:-1}@keyframes wiggle{0%,to{transform:rotate(-1deg)}25%{transform:rotate(1deg)}50%{transform:rotate(-.5deg)}75%{transform:rotate(.5deg)}}@keyframes wobble{0%,to{border-radius:50% 45% 55% 48%/48% 52% 48% 52%}25%{border-radius:48% 52% 48% 52%/50% 45% 55% 48%}50%{border-radius:52% 48% 52% 48%/45% 55% 45% 55%}75%{border-radius:45% 55% 45% 55%/52% 48% 52% 48%}}@keyframes draw{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}.draw-on-scroll{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw 2s ease-out forwards}.tilt-left{transform:rotate(-.5deg)}.tilt-right{transform:rotate(.5deg)}.scribble-bg{position:relative}.scribble-bg:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(0,0,0,.02) 0,rgba(0,0,0,.02) 36px);transform:rotate(-1deg);z-index:-1}.doodle-checkbox{width:24px;height:24px;border:3px solid var(--marker-black);position:relative;transform:rotate(-2deg)}.doodle-checkbox.checked:after{content:"✓";position:absolute;top:-4px;left:2px;font-size:20px;font-weight:700;color:var(--marker-green);transform:rotate(5deg);font-family:var(--font-caveat)}.doodle-highlight{position:relative;z-index:1}.doodle-highlight:before{content:"";position:absolute;left:-4px;right:-4px;top:40%;bottom:20%;background:rgba(255,235,59,.3);transform:rotate(-1deg) skewX(-5deg);z-index:-1}.doodle-arrow{stroke:var(--marker-black);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.animate-marquee{animation:marquee 50s linear infinite}@keyframes pulse-subtle{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.02) rotate(-1deg)}}.animate-pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .2s ease-in-out}@media (max-width:768px){.doodle-card,h1,h2,h3,h4,h5,h6{transform:rotate(0deg)}}