@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.mt-6{margin-top:calc(var(--spacing) * 6)}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-x-hidden{overflow-x:hidden}.scroll-smooth{scroll-behavior:smooth}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[\#77c5da\]{color:#77c5da}.text-\[\#897b5e\]{color:#897b5e}.text-\[\#55666d\]{color:#55666d}.text-\[\#445743\]{color:#445743}.text-\[\#efa27d\]{color:#efa27d}.text-\[\#f6d978\]{color:#f6d978}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.selection\:bg-\[\#f6d978\] ::selection{background-color:#f6d978}.selection\:bg-\[\#f6d978\]::selection{background-color:#f6d978}.selection\:text-\[\#24232b\] ::selection{color:#24232b}.selection\:text-\[\#24232b\]::selection{color:#24232b}}:root{--ink:#24232b;--muted:#66666a;--paper:#f7f6f2;--paper-soft:#fbfaf8;--orange:#efa27d;--orange-hover:#ed9368;--blue:#77c5da;--yellow:#f6d978;--green:#e8eedf;--line:#dfdfd8;--font-heading:"Alexandria", sans-serif;--font-body:"Tajawal", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;max-width:100%;scroll-padding-top:50px;overflow-x:clip}body{color:var(--ink);font-family:var(--font-body);touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;max-width:100%;margin:0;font-size:18px;line-height:1.85;overflow-x:clip}h1,h2,h3,h4,.logo,.btn-font{font-family:var(--font-heading)}h1,h2,h3,p{margin:0}h2{letter-spacing:-1px;font-size:clamp(28px,3.4vw,44px);font-weight:600;line-height:1.55}h3{font-size:21px;font-weight:600;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}::selection{background:var(--yellow);color:var(--ink)}.wrap{max-width:1200px;margin-inline:auto;padding-inline:40px}.section{padding-block:85px}.top-shell{background:var(--paper);border-radius:32px;margin:20px 24px 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #24232b05}.header{justify-content:space-between;align-items:center;gap:24px;padding-block:28px;display:flex}.logo{white-space:nowrap;letter-spacing:-.5px;isolation:isolate;font-size:26px;font-weight:700;transition:transform .3s;position:relative}.logo:hover{transform:scale(1.02)}.logo-stroke{border-bottom:4px solid var(--blue);z-index:-1;pointer-events:none;border-radius:50%;height:10px;position:absolute;bottom:2px;left:-4px;right:-4px;transform:rotate(-5deg)}.header nav{gap:26px;font-size:15px;font-weight:500;display:flex}.header nav a{padding:6px 2px;transition:color .3s;position:relative}.header nav a:after{content:"";background:var(--orange);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;right:0}.header nav a:hover:after,.header nav a.active:after{width:100%}.header nav a:hover{color:#1f6b7e}.button{background:var(--orange);border-radius:50px;justify-content:center;align-items:center;gap:16px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #efa27d59}.button:hover{background:var(--orange-hover);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #efa27d73}.button:active{transform:translateY(0)scale(.98)}.button.small{gap:12px;padding:10px 22px;font-size:14px}.button span{font:20px Arial;transition:transform .3s}.button:hover span{transform:translate(-3px,-3px)}.text-link{cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:16px;font-weight:700;transition:color .25s;display:inline-flex}.text-link span{transition:transform .3s cubic-bezier(.16,1,.3,1);display:inline-block}.text-link:hover span{transform:translate(-6px)}.text-link:hover{color:#1f6b7e}.menu-toggle{display:none}.hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:60px;padding-block:60px 70px;display:grid}.eyebrow{color:#696b67;letter-spacing:.2px;align-items:center;gap:8px;margin-bottom:18px;font-size:13px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-1.5px;margin-bottom:22px;font-size:clamp(40px,4.6vw,62px);line-height:1.45}.wave{transform-origin:70% 70%;cursor:grab;font-size:46px;animation:2.5s ease-in-out infinite wave-anim;display:inline-block}.wave:hover{animation:.6s ease-in-out infinite wave-hover}.underlined{white-space:nowrap;isolation:isolate;position:relative}.underlined:after{content:"";border-bottom:4px solid var(--blue);border-top:2px solid var(--blue);z-index:-1;pointer-events:none;border-radius:45%;height:12px;transition:transform .4s;position:absolute;bottom:-6px;left:-4px;right:-4px;transform:rotate(-2.5deg)}.underlined:hover:after{transform:rotate(-1deg)scaleX(1.04)}.hero-lead{margin-bottom:20px;font-size:24px;font-weight:500;line-height:1.75}.highlight{background:linear-gradient(#0000 58%,#f7df8a 58% 91%,#0000 91%);padding-inline:4px}.hero-description{color:var(--muted);max-width:530px;font-size:18px;line-height:1.85}.hero-description strong{color:var(--ink);font-weight:700}.actions{align-items:center;gap:26px;margin-top:30px;display:flex}.hero-note{color:#73746e;align-items:center;gap:10px;margin-top:28px;font-size:13px;display:flex}.little-star{color:#638b6e;font-size:24px;animation:16s linear infinite spin-slow;display:inline-block}.portrait-area{isolation:isolate;perspective:1000px;margin:20px 0 35px;position:relative}.sun{background:var(--yellow);z-index:-1;border-radius:50% 48% 42% 43%;animation:6s ease-in-out infinite alternate sun-pulse;position:absolute;inset:15px -25px -15px 15px;transform:rotate(-8deg)}.sun:before{content:"";border:4px dashed #f1cd56;border-left-color:#0000;border-radius:50%;width:102%;height:100%;animation:28s linear infinite spin-slow;position:absolute;inset:-12px 10px}.portrait-card{border:6px solid var(--paper);cursor:pointer;border-radius:44% 44% 42% 42%;height:460px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;overflow:hidden;transform:rotate(2deg);box-shadow:0 16px 45px #24232b1f}.portrait-card:hover{transform:rotate(0)scale(1.02);box-shadow:0 24px 60px #24232b2e}.portrait-card img{object-fit:cover;object-position:center 37%;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);transform:scale(1.05)rotate(-2deg)}.portrait-card:hover img{transform:scale(1.08)rotate(0)}.scribble-star{color:#73bfd2;z-index:2;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:78px;line-height:1;animation:4s ease-in-out infinite float-gentle;position:absolute;top:-42px;left:-24px}.portrait-note{color:var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none;font-size:14px;font-weight:700;animation:5s ease-in-out infinite float-reverse;position:absolute;top:-36px;right:-10px;transform:rotate(8deg)}.portrait-note svg{stroke:#d97;fill:none;stroke-width:3px;stroke-linecap:round;width:70px;height:60px;margin-top:6px;display:block}.photo-label{background:#fff;border:1px solid #0000000a;border-radius:14px;align-items:center;gap:10px;padding:12px 18px;font-size:12px;transition:transform .3s;display:flex;position:absolute;bottom:-18px;right:-12px;transform:rotate(-3deg);box-shadow:0 10px 30px #24232b1a}.photo-label:hover{transform:rotate(0)scale(1.05)}.photo-label b{color:#24232b;font-size:13px}.status-dot{background:#79a182;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring;box-shadow:0 0 0 3px #79a18240}.intro-strip{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:30px;display:flex}.intro-strip>span{align-items:center;gap:24px;font-size:17px;font-weight:700;transition:color .25s;display:flex}.intro-strip>span:hover{color:#1f6b7e}.intro-strip i{color:#8c9a87;font-size:22px;font-style:normal;transition:transform .3s}.intro-strip>span:hover i{transform:translate(-3px,-3px)}.intro-strip small{color:var(--muted);font-size:13px}.section-heading{text-align:center;max-width:740px;margin:0 auto 52px}.section-heading p{color:var(--muted);margin-top:18px;font-size:18px}.topic-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.topic-card{border:1px solid #0000000a;border-radius:24px;flex-direction:column;align-items:start;padding:30px 24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.topic-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #24232b1a}.peach{background:#f9e6dc}.peach:hover{box-shadow:0 20px 40px #efa27d40}.blue{background:#e2f0f4}.blue:hover{box-shadow:0 20px 40px #77c5da40}.yellow{background:#fbf0c9}.yellow:hover{box-shadow:0 20px 40px #f6d97840}.green{background:#e8eedf}.green:hover{box-shadow:0 20px 40px #79a18240}.card-icon{background:#ffffffd9;border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:22px;font-family:Arial;font-size:38px;line-height:1.2;transition:transform .4s cubic-bezier(.16,1,.3,1);display:grid;transform:rotate(-8deg);box-shadow:0 4px 12px #0000000a}.topic-card:hover .card-icon{transform:rotate(12deg)scale(1.15)}.topic-card h3{margin-bottom:12px;font-size:19px}.topic-card p{color:#55534f;margin-bottom:24px;font-size:15px;line-height:1.85}.card-link{justify-content:space-between;width:100%;margin-top:auto;font-size:14px;font-weight:700;transition:color .25s;display:flex}.card-link b{font-size:20px;font-weight:400;transition:transform .3s}.topic-card:hover .card-link b{transform:translate(-6px)}.about-section{background:var(--paper)}.about{grid-template-columns:.9fr 1.25fr;align-items:center;gap:80px;display:grid}.about-photo{cursor:pointer;background:#fff;border-radius:6px;margin:20px 12px 25px;padding:14px 14px 72px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;transform:rotate(3deg);box-shadow:0 16px 45px #292e211a}.about-photo:hover{transform:rotate(0)scale(1.03);box-shadow:0 24px 60px #292e2129}.about-photo img{object-fit:cover;object-position:center 35%;border-radius:4px;width:100%;height:440px;display:block}.paper-caption{text-align:center;color:var(--ink);font-size:17px;font-weight:700;position:absolute;bottom:18px;left:20px;right:20px}.paper-caption>span{color:#619fb1;margin-right:12px;font-size:26px;transition:transform .3s;display:inline-block}.about-photo:hover .paper-caption>span{transform:translate(-3px,-3px)}.tape{pointer-events:none;background:#eadbafd9;border-radius:2px;width:110px;height:36px;position:absolute;top:-18px;left:calc(50% - 55px);transform:rotate(-8deg);box-shadow:0 2px 6px #0000000f}.about-copy h2{margin-bottom:24px}.about-copy p{color:var(--muted);margin-bottom:18px;font-size:17px;line-height:1.85}.about-copy .about-emphasis{color:var(--ink);border-right:4px solid var(--orange);margin-top:24px;padding-right:18px;font-size:18px}.about-copy .about-emphasis strong{color:var(--ink);font-weight:700}.journey-tabs{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px;display:grid}.journey-tab{border:1px solid var(--line);text-align:center;background:#fff;border-radius:50px;padding:13px 12px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.journey-tab:hover{border-color:#9c9a8d;transform:translateY(-2px)}.journey-tab[aria-selected=true]{background:var(--yellow);border-color:#edd169;font-weight:700;transform:translateY(-3px);box-shadow:0 6px 18px #f6d97866}.journey-panel{background:var(--paper);border-radius:28px;grid-template-columns:.8fr 1.5fr;align-items:center;gap:65px;min-height:350px;padding:48px 60px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #24232b08}.journey-visual{background:#e7eddf;border-radius:50%;justify-content:center;align-items:center;width:210px;max-width:100%;height:210px;margin:0 auto;transition:transform .5s;display:flex;position:relative;transform:rotate(-6deg)}.journey-visual:hover{transform:rotate(0)scale(1.05)}.journey-visual>span:first-child{color:#455d4c;-webkit-user-select:none;user-select:none;font:80px Arial;transition:transform .4s}.visual-stroke{z-index:0;border:2px dashed #869779;border-radius:50%;animation:22s linear infinite spin-slow;position:absolute;inset:10px -10px -6px 10px}.visual-small{background:#fff;border-radius:8px;padding:4px 16px;font-size:12px;font-weight:700;position:absolute;bottom:8px;box-shadow:0 4px 12px #0000000f}.journey-copy{transition:opacity .3s,transform .3s}.journey-copy h3{color:var(--ink);margin-bottom:14px;font-size:28px}.journey-copy p{color:var(--muted);min-height:100px;font-size:18px;line-height:1.85}.journey-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;display:flex}.journey-bottom>span{font:13px var(--font-heading);color:#8a8b80;letter-spacing:2px;font-weight:600}.lesson-band{background:#fbefc7;position:relative;overflow:hidden}.lesson-heading{justify-content:space-between;align-items:center;display:flex}.big-doodle{color:#d8a969;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:130px;line-height:1;animation:5s ease-in-out infinite float-gentle;transform:rotate(12deg)}.lesson-intro{color:#5c5847;margin-top:24px;font-size:20px;line-height:1.8}.lesson-cards{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px;display:grid}.lesson-cards article{border-top:2px solid #d4c69e;padding-top:24px;transition:transform .3s}.lesson-cards article:hover{transform:translateY(-4px)}.lesson-cards article>span{font:14px var(--font-heading);color:#897b5e;font-weight:700}.lesson-cards h3{margin:14px 0 10px;font-size:20px}.lesson-cards p{color:#635d4e;font-size:16px;line-height:1.8}.skills{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}.skills h2{font-size:34px}.skills-heading p{color:var(--muted);margin-top:20px;font-size:17px}.accordions details{border-bottom:1px solid var(--line);transition:background .3s}.accordions details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:18px;padding:20px 4px;font-size:18px;font-weight:700;list-style:none;transition:color .25s;display:flex}summary::-webkit-details-marker{display:none}summary i{font:12px var(--font-heading);color:#8a8c81;font-style:normal;font-weight:700}summary b{margin-right:auto;font-size:22px;font-weight:400;transition:transform .3s cubic-bezier(.16,1,.3,1)}details[open] summary b{color:var(--orange);transform:rotate(45deg)}details[open] summary{color:#1f6b7e}details p{color:var(--muted);padding:0 32px 24px 12px;font-size:16px;line-height:1.85}.notes-section{background:var(--paper)}.notes-grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.note-card{border:1px solid #0000000a;border-radius:24px;padding:38px;scroll-margin-top:40px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s}.note-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px #24232b14}.note-number{color:#6c6d63;font-size:13px;font-weight:700}.note-card h3{margin:16px 0 12px;font-size:28px;line-height:1.5}.note-card p{color:#55534f;font-size:17px;line-height:1.85}.note-card ul{color:#44423e;margin-top:22px;padding-right:22px;font-size:16px;line-height:2.2}.miral-card{border:2px solid var(--line);background:#fff;border-radius:28px;grid-template-columns:.8fr 1.4fr;align-items:center;gap:65px;padding:55px;transition:border-color .4s,box-shadow .4s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 30px #24232b08}.miral-card:hover{border-color:#abb7a5;box-shadow:0 16px 45px #44574314}.miral-mark{aspect-ratio:1;color:#445743;background:#e9eee3;border-radius:50%;justify-content:center;align-items:center;gap:14px;transition:transform .4s;display:flex;box-shadow:0 6px 20px #4457431a}.miral-card:hover .miral-mark{transform:scale(1.04)}.miral-mark>span{border-right:2px solid #abb7a5;padding-right:14px;font:64px Georgia,serif}.miral-mark strong{letter-spacing:3px;font:26px Georgia,serif}.miral-mark small{letter-spacing:2px;margin-top:8px;font:8px Arial,sans-serif;display:block}.miral-card h2{font-size:32px}.miral-card p{color:var(--muted);margin:22px 0 28px;font-size:18px;line-height:1.85}.contact{padding-bottom:90px}.contact-box{text-align:center;background:#e4f1f5;border-radius:28px;padding:70px 30px;position:relative;overflow:hidden;box-shadow:0 12px 35px #77c5da33}.contact-box h2{font-size:clamp(32px,3.8vw,44px)}.contact-box p{color:#55666d;margin:22px 0 28px;font-size:19px}.contact-box .button{padding-inline:38px}.phone{letter-spacing:1px;margin-top:22px;font-size:20px;font-weight:700;transition:color .25s;display:block}.phone:hover{color:#1f6b7e}.contact-box small{color:#65747a;margin-top:14px;font-size:13px;display:block}.contact-doodle{color:#d99670;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:110px;line-height:1;animation:4.5s ease-in-out infinite float-gentle;position:absolute;top:50px;left:70px;transform:rotate(18deg)}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding-block:35px 42px;display:flex}.footer .logo{font-size:22px}.footer p{color:var(--muted);margin-top:6px;font-size:13px}.footer nav{gap:25px;font-size:14px;display:flex}.footer nav a:hover{color:#1f6b7e}.footer>span{color:#797b72;font-size:12px}.reading-progress{background:linear-gradient(90deg,var(--orange),var(--yellow),var(--blue));z-index:100;width:0%;height:3px;transition:width .1s linear;position:fixed;top:0;right:0}@keyframes wave-anim{0%,to{transform:rotate(0)}20%,60%{transform:rotate(16deg)}40%,80%{transform:rotate(-10deg)}}@keyframes wave-hover{0%,to{transform:rotate(0)scale(1.15)}50%{transform:rotate(20deg)scale(1.2)}}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}}@keyframes float-reverse{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(6px)rotate(5deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sun-pulse{0%{transform:rotate(-8deg)scale(1)}to{transform:rotate(-5deg)scale(1.04)}}@keyframes pulse-ring{0%{box-shadow:0 0 #79a18266}70%{box-shadow:0 0 0 6px #79a18200}to{box-shadow:0 0 #79a18200}}.reveal{opacity:0;will-change:opacity,transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:1100px){.wrap{padding-inline:32px}.hero{gap:36px}.topic-grid{grid-template-columns:repeat(2,1fr);gap:16px}.about,.skills{gap:48px}.journey-panel{gap:40px;padding:36px}}@media(max-width:800px){.top-shell{border-radius:24px;margin:12px 12px 0}.header{flex-wrap:wrap;padding-block:22px}.header nav{order:3;justify-content:center;gap:24px;width:100%;padding-top:8px}.hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.portrait-area{max-width:400px;margin:10px auto 30px}.portrait-card{height:380px}.about{grid-template-columns:1fr;gap:36px}.about-photo img{height:360px}.journey-tabs{grid-template-columns:repeat(3,1fr)}.journey-panel{text-align:center;grid-template-columns:1fr;gap:30px;padding:30px 24px}.journey-visual{width:170px;height:170px}.journey-visual>span:first-child{font-size:60px}.journey-bottom{justify-content:center;gap:20px}.lesson-cards{grid-template-columns:1fr;gap:24px}.skills{grid-template-columns:1fr;gap:36px}.notes-grid{grid-template-columns:1fr;gap:20px}.miral-card{text-align:center;grid-template-columns:1fr;gap:32px;padding:36px 24px}.miral-mark{width:180px;margin:0 auto}.footer{text-align:center;flex-direction:column;gap:20px}}@media(max-width:560px){.wrap{padding-inline:20px}.top-shell{border-radius:20px;margin:8px 8px 0}.logo{font-size:22px}.menu-toggle{cursor:pointer;background:#0000000a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:inline-flex}.header nav{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:none;box-shadow:0 10px 30px #00000014}.header nav.is-open{display:flex}.hero h1{font-size:38px}.hero-lead{font-size:20px}.actions{flex-direction:column;align-items:stretch;gap:14px}.actions .button,.actions .text-link{justify-content:center;width:100%}.topic-grid{grid-template-columns:1fr}.intro-strip{grid-template-columns:1fr 1fr;gap:14px;padding-block:22px;display:grid}.intro-strip>span{justify-content:space-between;font-size:15px}.intro-strip small{display:none}.journey-tabs{grid-template-columns:repeat(2,1fr);gap:8px}.journey-tab{padding:10px 8px;font-size:13px}.contact-box{padding:48px 20px}.contact-doodle{display:none}}.header nav a,.button,.logo{white-space:nowrap}.hero h1{letter-spacing:0;line-height:1.6}.nav-credit{display:none}@media(max-width:1240px){.header{flex-wrap:wrap;position:relative}.menu-toggle{cursor:pointer;background:#0000000a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:inline-flex}.header nav{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;order:3;gap:12px;width:100%;padding:16px;display:none;box-shadow:0 10px 30px #00000014}.header nav.is-open{display:flex}.header nav .nav-credit{border-top:1px solid var(--line);color:#8a8b86;text-align:center;margin-top:4px;padding-top:10px;font-size:11px;display:block}.header nav .nav-credit:after{display:none}}.credit-bar{color:#8a8b86;border-top:1px solid var(--line);justify-content:center;align-items:center;gap:10px;padding-block:18px 28px;font-size:12px;display:flex}.credit-bar .credit-name{color:#24232b;font-weight:700;transition:color .3s}.credit-bar .credit-name:hover{color:#1f6b7e}.credit-bar .credit-icon{color:#5b5c58;background:#0000000a;border-radius:999px;place-items:center;width:28px;height:28px;transition:color .3s,background .3s;display:grid}.credit-bar .credit-icon:hover{color:#1f6b7e;background:#77c5da2e}.menu-toggle .hidden{display:none!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}