@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7azYYmg8.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7YjYYmg8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7aDYYmg8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7azYYmg8.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7YjYYmg8.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7aDYYmg8.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/caveat/v23/Wnz6HAc5bAfYB2Q7ZjYY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtD6GjLNkiQ4tg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtD6GjLCkiQ4tg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtD6GjLMkiQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9dr0Wd4kDdMthQOCfzsw.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9dr0Wd4kDdMthfOCfzsw.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9dr0Wd4kDdMthROCc.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtDqHTLNkiQ4tg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtDqHTLCkiQ4tg.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Kalam;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/kalam/v18/YA9Qr0Wd4kDdMtDqHTLMkiQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYE58RWq7.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYE98RWq7.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dPIFZifjKcF5UAWdDRYEF8RQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFqaHjyV.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFuaHjyV.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/spacemono/v17/i7dMIFZifjKcF5UAWdDRaPpZUFWaHg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--notebook-paper: #faf8f3;--notebook-lines: #e8dcc6;--notebook-grid: #d4c4b0;--pencil-dark: #2c3e50;--pencil-medium: #5d6d7e;--pencil-light: #85929e;--accent-blue: #3498db;--accent-green: #27ae60;--accent-orange: #e67e22;--shadow-soft: rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background-color:var(--notebook-paper);font-family:Kalam,cursive;color:var(--pencil-dark);overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 39px,var(--notebook-lines) 39px,var(--notebook-lines) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,var(--notebook-grid) 39px,var(--notebook-grid) 40px);opacity:.3;pointer-events:none;z-index:1}.sketch-container{position:relative;background:var(--notebook-paper);border:2px solid var(--pencil-medium);border-radius:3px;box-shadow:3px 3px 10px var(--shadow-soft);margin:20px;padding:30px;z-index:2}.sketch-border{position:relative;border:1px solid var(--pencil-light);padding:20px;margin:15px 0}.sketch-border:before{content:"";position:absolute;inset:-3px;border:1px dashed var(--pencil-light);opacity:.6;z-index:-1}.sketch-circle{position:relative;display:inline-block;padding:15px 25px;border:2px solid var(--pencil-medium);border-radius:50%;transform:rotate(-2deg);transition:transform .3s ease}.sketch-circle:hover{transform:rotate(0) scale(1.05)}.grid-section{position:relative;border:1px solid var(--notebook-grid);margin:30px 0;padding:25px}.grid-section:before,.grid-section:after{content:"";position:absolute;width:20px;height:20px;border:1px solid var(--pencil-light)}.grid-section:before{top:-10px;left:-10px;border-right:none;border-bottom:none}.grid-section:after{bottom:-10px;right:-10px;border-left:none;border-top:none}.extended-grid{position:relative;padding:30px;margin:40px 20px}.extended-grid:before{content:"";position:absolute;inset:-20px;border:1px solid var(--pencil-light);opacity:.4}.extended-grid:after{content:"";position:absolute;top:-30px;left:50%;width:60px;height:1px;background:var(--pencil-light);transform:translate(-50%)}h1,h2,h3,h4,h5,h6{font-family:Caveat,cursive;font-weight:700;color:var(--pencil-dark);margin-bottom:15px}h1{font-size:3.5rem;transform:rotate(-1deg)}h2{font-size:2.5rem;transform:rotate(.5deg)}h3{font-size:2rem;transform:rotate(-.5deg)}p{font-family:Kalam,cursive;font-size:1.1rem;line-height:1.6;color:var(--pencil-medium)}code{font-family:Space Mono,monospace;background:var(--notebook-lines);padding:2px 6px;border-radius:3px;font-size:.9rem}a{color:var(--accent-blue);text-decoration:none;position:relative;transition:color .3s ease}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-blue);transition:width .3s ease}a:hover{color:var(--pencil-dark)}a:hover:after{width:100%}.sketch-button{display:inline-block;padding:12px 24px;background:var(--notebook-paper);border:2px solid var(--pencil-medium);border-radius:5px;font-family:Caveat,cursive;font-size:1.2rem;font-weight:700;color:var(--pencil-dark);cursor:pointer;transition:all .3s ease;transform:rotate(-1deg);position:relative}.sketch-button:hover{transform:rotate(0) scale(1.05);background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.scribble-trail{position:fixed;pointer-events:none;z-index:9999;opacity:.6}.scribble-trail{position:absolute;pointer-events:none;z-index:1;transition:opacity .5s ease}.scribble-trail svg{filter:drop-shadow(0 0 1px rgba(0,0,0,.2))}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}@media (max-width: 768px){.sketch-container{margin:10px;padding:20px}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}}.highlight{position:relative;display:inline-block;padding:0 2px;color:var(--accent-blue);font-weight:600;transition:all .3s ease}.highlight:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,transparent 0%,var(--accent-blue) 20%,var(--accent-blue) 80%,transparent 100%);border-radius:2px;transform:rotate(-.5deg);transition:all .3s ease}.highlight:hover{color:var(--accent-orange);transform:scale(1.05)}.highlight:hover:after{background:linear-gradient(to right,transparent 0%,var(--accent-orange) 20%,var(--accent-orange) 80%,transparent 100%);transform:rotate(.5deg)}