@import"https://fonts.googleapis.com/css2?family=Petrona:ital,wght@0,400..700;1,400..700&family=Literata:ital,opsz,wght@0,7..72,380;0,7..72,440;0,7..72,560;1,7..72,420&family=Caveat:wght@500;700&family=Space+Mono:wght@400;700&display=swap";@layer reset,tokens,base,layout,chalkboard,showcase,tray,panel,motion;@layer tokens{:root{color-scheme:dark;--board: oklch(25.9% .028 160.4);--board-2: oklch(30.2% .036 159.4);--board-deep: oklch(18.8% .019 164.4);--paper: oklch(95.6% .02 87.5);--paper-2: oklch(92.9% .027 87.9);--ink: oklch(27.3% .027 153.3);--chalk: oklch(95.2% .018 89.4);--ochre: oklch(76.9% .117 71.8);--ochre-deep: oklch(64.7% .118 73.6);--coral: oklch(69.8% .123 34.5);--wood: oklch(52.9% .077 65.5);--wood-deep: oklch(35% .047 62.7);--ink-dim: color-mix(in oklch, var(--ink) 62%, transparent);--chalk-dim: color-mix(in oklch, var(--chalk) 62%, transparent);--chalk-faint: color-mix(in oklch, var(--chalk) 18%, transparent);--chalk-soft: color-mix(in oklch, var(--chalk) 50%, transparent);--ochre-glow: color-mix(in oklch, var(--ochre) 14%, transparent);--coral-ring: color-mix(in oklch, var(--coral) 16%, transparent);--ink-hair: color-mix(in oklch, var(--ink) 22%, transparent);--ink-wash: color-mix(in oklch, var(--ink) 4%, transparent);--font-display: "Petrona", Georgia, serif;--font-body: "Literata", Georgia, serif;--font-chalk: "Caveat", cursive;--font-mono: "Space Mono", "SFMono-Regular", Menlo, monospace;--step-label: .625rem;--step-body: clamp(.95rem, .9rem + .2vw, 1.0625rem);--step-subtitle: clamp(1rem, .95rem + .3vw, 1.0625rem);--step-panel-title: clamp(1.35rem, 1.2rem + .7vw, 1.625rem);--step-hero: clamp(2.5rem, 1.9rem + 3vw, 4rem);--space-2xs: clamp(.5rem, .46rem + .2vw, .625rem);--space-xs: clamp(.75rem, .7rem + .25vw, .875rem);--space-sm: clamp(1rem, .9rem + .5vw, 1.375rem);--space-md: clamp(1.75rem, 1.5rem + 1.2vw, 2.75rem);--space-lg: clamp(2.5rem, 2rem + 2.5vw, 4rem);--space-xl: clamp(3.5rem, 2.5rem + 5vw, 6.25rem);--space-2xl: clamp(5rem, 3.5rem + 7.5vw, 9.375rem);--radius-sm: 3px;--radius-md: 6px;--radius-pill: 999px;--dash-hairline: repeating-linear-gradient(90deg, currentcolor 0 6px, transparent 6px 10px);--border-dashed: 1.5px dashed var(--chalk-faint);--shadow-soft: 0 26px 60px -26px oklch(0% 0 0 / .55);--shadow-deep: 0 46px 110px oklch(0% 0 0 / .5);--shadow-lift: 0 16px 20px -12px oklch(0% 0 0 / .4);--ease: cubic-bezier(.22, .61, .36, 1);--duration-fast: .25s;--duration-base: .35s;--duration-slow: .85s}}@layer reset{*,*:before,*:after{box-sizing:border-box;min-width:0}html{background:var(--board);color-scheme:dark;scrollbar-gutter:stable;scroll-behavior:smooth}body{margin:0;background:var(--board);color:var(--chalk);font-family:var(--font-body);font-size:var(--step-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:is(h1,h2,h3,h4){font-family:var(--font-display);font-weight:500;letter-spacing:-.01em;margin:0;color:inherit;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:0}::selection{background:var(--ochre);color:var(--board-deep)}:focus-visible{outline:1.5px solid var(--ochre);outline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (prefers-contrast: more){:root{--chalk-faint: color-mix(in oklch, var(--chalk) 40%, transparent);--ink-dim: color-mix(in oklch, var(--ink) 85%, transparent)}}}@layer chalkboard{.video-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 76% 30%,var(--ochre-glow),transparent 34%),radial-gradient(ellipse at 18% 76%,color-mix(in oklch,var(--coral) 3%,transparent),transparent 32%),var(--board)}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transform-origin:center;filter:grayscale(.78) sepia(.22) hue-rotate(70deg) saturate(.85) contrast(1.05) brightness(.3);transition:opacity 1.4s var(--ease)}.bg-video.active{opacity:1}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#0b1611e0,#0b1611b3 40%,#0b1611f0),radial-gradient(ellipse at center,transparent 42%,oklch(12% .02 164 / .6) 100%)}.video-purple-glow{position:fixed;inset-block-start:-26%;inset-inline-end:-16%;width:56vw;height:56vw;z-index:1;pointer-events:none;filter:blur(10px);background:radial-gradient(circle,var(--ochre-glow) 0%,color-mix(in oklch,var(--ochre) 2%,transparent) 34%,transparent 70%)}.architectural-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.05;background-image:linear-gradient(color-mix(in oklch,var(--chalk) 40%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--chalk) 40%,transparent) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:radial-gradient(ellipse at 62% 40%,black 0%,oklch(0% 0 0 / .7) 40%,transparent 78%);mask-image:radial-gradient(ellipse at 62% 40%,black 0%,oklch(0% 0 0 / .7) 40%,transparent 78%)}.side-line{display:none}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:.05;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}#particles-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}}@layer layout{.btn-aluno-fixo{position:fixed;inset-block-start:32px;inset-inline-end:40px;z-index:40;display:inline-flex;align-items:center;gap:var(--space-2xs);padding:9px 16px;font-family:var(--font-mono);font-size:var(--step-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--chalk);background:transparent;border:1.5px dashed var(--chalk-faint);border-radius:var(--radius-pill);transition:border-color var(--duration-base) var(--ease),color var(--duration-base) var(--ease),background var(--duration-base) var(--ease)}.btn-aluno-fixo:before{content:"";width:5px;height:5px;background:var(--ochre);border-radius:50%}.btn-aluno-fixo:hover,.btn-aluno-fixo:focus-visible{border-color:var(--ochre);border-style:solid;color:var(--board-deep);background:var(--ochre)}.btn-aluno-fixo:hover:before,.btn-aluno-fixo:focus-visible:before{background:var(--board-deep)}.main-container{position:relative;z-index:3;max-width:980px;margin-inline:auto;padding:150px clamp(20px,4vw,32px) 0}.institution-marker{position:relative;width:fit-content;margin-block-end:var(--space-md);padding:6px 4px;transform:rotate(-1deg);font-family:var(--font-chalk);font-size:20px;font-weight:500;color:var(--ochre)}.institution-marker:after{content:"";position:absolute;inset-inline:-6px;inset-block-end:2px;height:1px;background:var(--dash-hairline);color:var(--ochre);opacity:.6}}@layer layout{.hero{position:relative}.brand{display:flex;align-items:center;width:fit-content;gap:var(--space-2xs);margin-block-end:var(--space-sm);font-family:var(--font-mono);font-size:var(--step-label);letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-dim)}.brand-icon{width:14px;height:14px;border:1.4px solid var(--ochre);transform:rotate(45deg);position:relative}.brand-icon:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--ochre);transform:rotate(-45deg)}.system-status{display:flex;align-items:center;gap:7px;margin-block-end:var(--space-sm);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-dim)}.system-dot{width:5px;height:5px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 3px var(--coral-ring)}.hero h2{max-width:13ch;font-size:var(--step-hero);font-style:italic;font-weight:500;line-height:1.03;letter-spacing:-.02em;color:var(--chalk);text-shadow:0 0 26px var(--chalk-soft)}.subtitle{margin-block-start:var(--space-sm);max-width:46ch;font-family:var(--font-body);font-size:var(--step-subtitle);line-height:1.75;color:var(--chalk-dim)}}@layer layout{.field-label{display:block;margin:var(--space-md) 0 10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ochre)}:is(input[type=text],input:not([type]),select,textarea){width:100%;padding:12px 2px;background:transparent;border:none;border-block-end:var(--border-dashed);border-radius:0;font-family:var(--font-body);font-size:17px;color:var(--chalk);accent-color:var(--ochre);transition:border-color var(--duration-fast) var(--ease)}:is(input[type=text],input:not([type]),select,textarea):hover{border-block-end-color:color-mix(in oklch,var(--ochre) 50%,transparent)}:is(input[type=text],input:not([type]),select,textarea):focus{border-block-end-color:var(--ochre);outline:none}:is(input[type=text],input:not([type]),select,textarea)::placeholder{color:color-mix(in oklch,var(--chalk) 32%,transparent);font-style:italic}.hero textarea{min-height:0}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ochre) 50%),linear-gradient(135deg,var(--ochre) 50%,transparent 50%);background-position:calc(100% - 4px) 20px,calc(100% - 10px) 20px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;color:var(--chalk)}.hero select{color:var(--chalk)}.btn-chalk{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);width:100%;margin-block-start:var(--space-sm);padding:15px 22px;background:transparent;color:var(--chalk);border:1.5px dashed var(--chalk-soft);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background var(--duration-base) var(--ease),color var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.btn-chalk:hover,.btn-chalk:focus-visible{background:var(--chalk);border-color:var(--chalk);border-style:solid;color:var(--board-deep);transform:translateY(-1px)}.btn-chalk:active{transform:translateY(0)}.hero-links{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-block-start:var(--space-sm)}.chalk-link{display:inline-flex;align-items:baseline;gap:6px;padding-block-end:2px;text-decoration:none;font-family:var(--font-body);font-style:italic;font-size:15px;color:var(--chalk-dim);border-block-end:1px dashed color-mix(in oklch,var(--chalk) 35%,transparent);transition:color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.chalk-link:after{content:"↗";font-style:normal;font-family:var(--font-mono);font-size:12px;color:var(--ochre)}.chalk-link:hover,.chalk-link:focus-visible{color:var(--chalk);border-color:var(--ochre)}}@layer showcase{#brain-viewport{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:560px;margin-block-start:var(--space-xl);padding:var(--space-md);overflow:hidden;background:radial-gradient(circle at 50% 42%,var(--ochre-glow),transparent 55%),var(--board-2);border:var(--border-dashed);border-color:color-mix(in oklch,var(--chalk) 22%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-deep);container-type:inline-size;container-name:showcase}.brain-frame{position:relative;width:min(100%,440px);aspect-ratio:1 / 1}.brain-frame:before{content:"";position:absolute;top:16%;right:16%;bottom:16%;left:16%;border-radius:50%;background:radial-gradient(circle,var(--ochre-glow),transparent 68%);filter:blur(20px);pointer-events:none}.brain-corner{position:absolute;width:24px;height:24px;border:1.5px solid var(--ochre);opacity:.7;&--tl{inset-block-start:0;inset-inline-start:0;border-inline-end:none;border-block-end:none}&--tr{inset-block-start:0;inset-inline-end:0;border-inline-start:none;border-block-end:none}&--bl{inset-block-end:0;inset-inline-start:0;border-inline-end:none;border-block-start:none}&--br{inset-block-end:0;inset-inline-end:0;border-inline-start:none;border-block-start:none}}.brain-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.brain-ring text,.brain-ring textPath{font-family:var(--font-mono);font-size:8.5px;letter-spacing:.3em;fill:var(--ochre);opacity:.5}#brain-viewport canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.brain-label{margin-block-start:var(--space-sm);text-align:center;font-family:var(--font-body);font-style:italic;font-size:13.5px;color:var(--chalk-dim);display:flex;flex-direction:column;gap:6px}.brain-label strong{font-family:var(--font-display);font-style:normal;font-weight:500;font-size:22px;color:var(--chalk)}@container showcase (max-width: 420px){#brain-viewport{min-height:400px;padding:var(--space-sm)}}}@layer tray{.chalk-tray{position:relative;display:flex;flex-wrap:wrap;gap:2px;margin:var(--space-md) 0 150px;padding:18px;background:linear-gradient(180deg,var(--wood),var(--wood-deep));border-radius:var(--radius-md);box-shadow:var(--shadow-soft),inset 0 2px #ffffff0f;container-type:inline-size;container-name:tray}.tray-item{flex:1 1 190px;display:flex;align-items:center;gap:var(--space-2xs);padding:16px;background:var(--paper);border:none;border-radius:var(--radius-sm);text-align:start;box-shadow:0 10px 0 -6px #0000002e;transition:transform var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.tray-item:hover,.tray-item:focus-visible{transform:translateY(-5px);background:color-mix(in oklch,var(--paper) 92%,white);box-shadow:var(--shadow-lift)}.tray-index{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--board);color:var(--ochre);font-family:var(--font-display);font-style:italic;font-size:15px}.tray-name{font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--ink)}@container tray (max-width: 480px){.chalk-tray{flex-direction:column}.tray-item{flex:1 1 auto}}}@layer panel{.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:48;background:#0b1611a8;opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease)}.overlay.active{opacity:1;visibility:visible}.tool-panel{position:fixed;inset-block:0;inset-inline-end:0;z-index:49;width:min(580px,94vw);padding:60px clamp(24px,4vw,52px) 64px;background:repeating-linear-gradient(180deg,transparent 0 38px,var(--ink-wash) 38px 39px),var(--paper);color:var(--ink);border-inline-start:3px solid var(--coral);overflow-y:auto;overscroll-behavior:contain;transform:translate(100%);transition:transform .42s var(--ease);box-shadow:-30px 0 70px -30px #0000008c}.tool-panel.active{transform:translate(0)}.tool-panel :is(.field-label){color:var(--ochre-deep)}.tool-panel :is(input,select,textarea){color:var(--ink);border-block-end-color:var(--ink-hair)}.tool-panel :is(input,select,textarea)::placeholder{color:color-mix(in oklch,var(--ink) 36%,transparent)}.tool-panel :is(input,select,textarea):hover{border-block-end-color:color-mix(in oklch,var(--coral) 60%,transparent)}.tool-panel :is(input,select,textarea):focus{border-block-end-color:var(--coral)}.tool-panel textarea{min-height:92px;resize:vertical;line-height:1.6}.tool-panel select{background-image:linear-gradient(45deg,transparent 50%,var(--ochre-deep) 50%),linear-gradient(135deg,var(--ochre-deep) 50%,transparent 50%)}.tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm);padding-block-end:var(--space-sm);margin-block-end:6px;border-block-end:1.5px dashed var(--ink-hair)}.ai-badge{display:inline-block;margin-block-end:12px;padding:4px 10px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);background:var(--ink);border-radius:var(--radius-pill)}.tool-header h3{font-size:var(--step-panel-title);font-style:italic;font-weight:500;line-height:1.18;color:var(--ink)}.tool-header p{margin-block-start:10px;max-width:40ch;font-family:var(--font-body);font-size:14px;line-height:1.6;color:var(--ink-dim)}.close-tool{flex-shrink:0;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ink-hair);border-radius:50%;font-family:var(--font-body);font-size:17px;line-height:1;color:var(--ink);transition:border-color var(--duration-fast) var(--ease),background var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease),transform var(--duration-fast) var(--ease)}.close-tool:hover,.close-tool:focus-visible{transform:rotate(90deg);border-color:var(--ink);background:var(--ink);color:var(--paper)}.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm);margin-block-start:var(--space-md)}.tool-card{padding:0}.tool-card--field :is(h4,p){display:none}.btn-ink{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);width:100%;margin-block-start:var(--space-sm);padding:14px 22px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background var(--duration-base) var(--ease),transform var(--duration-base) var(--ease)}.btn-ink:hover,.btn-ink:focus-visible{background:var(--coral);transform:translateY(-1px)}.btn-ink:active{transform:translateY(0)}.result-box{position:relative;margin-block-start:var(--space-sm);padding:20px 22px;background:var(--ink-wash);border-inline-start:2px solid var(--coral)}.result-box strong{display:block;margin-block-end:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ochre-deep)}.result-box p{font-family:var(--font-body);font-size:14.5px;line-height:1.65;color:var(--ink)}@container (max-width: 30rem){.tool-grid{grid-template-columns:1fr}}}@layer motion{@media (prefers-reduced-motion: no-preference){.hero,#brain-viewport,.chalk-tray{animation:entrance var(--duration-slow) var(--ease) both}#brain-viewport{animation-delay:.12s}.chalk-tray{animation-delay:.22s}.institution-marker{animation:fade-up .6s var(--ease) both}@keyframes entrance{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes fade-up{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}}}@layer layout{@media (max-width: 720px){.main-container{padding-block-start:118px}.hero h2{max-width:11ch}.btn-aluno-fixo{inset-block-start:18px;inset-inline-end:18px;padding:8px 14px}}}