*{margin:0;padding:0;box-sizing:border-box}:root{--color-grafite: #2B2D31;--color-paper: #F5F4F0;--color-cinza: #6B7280;--color-verde: #1E4D2B;--color-verde-hover: #2A6B3D;--color-border: #E5E4E0;--color-border-light: #D1D0CC;--color-card-bg: #FAFAF8;--color-alegria: #D4A574;--color-tensao: #8B7355;--color-raiva: #9B5850;--color-tristeza: #5B6B7A;--color-surpresa: #C5A572;--spacing-unit: 8px;--max-width: 1200px;--shadow-subtle: 0 2px 8px rgba(43, 45, 49, .06);--shadow-card: 0 4px 12px rgba(43, 45, 49, .08)}html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.65;color:var(--color-grafite);background:var(--color-paper);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}header{background:#f5f4f0fa;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px)}nav{max-width:var(--max-width);margin:0 auto;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 6);display:flex;justify-content:space-between;align-items:center;gap:calc(var(--spacing-unit) * 3)}.nav-brand{font-family:"IBM Plex Serif",serif;font-size:1.125rem;font-weight:600;color:var(--color-grafite);letter-spacing:.01em}.nav-links{display:flex;gap:calc(var(--spacing-unit) * 4)}nav a{color:var(--color-cinza);text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s ease;position:relative;letter-spacing:.02em}nav a:hover{color:var(--color-grafite)}main{flex:1;max-width:var(--max-width);margin:0 auto;padding:calc(var(--spacing-unit) * 10) calc(var(--spacing-unit) * 6);width:100%}h1{font-family:"IBM Plex Serif",serif;font-size:3rem;font-weight:600;line-height:1.2;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--color-grafite);letter-spacing:-.02em}h2{font-family:"IBM Plex Serif",serif;font-size:2.25rem;font-weight:600;line-height:1.25;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--color-grafite);letter-spacing:-.015em}h3{font-family:"IBM Plex Serif",serif;font-size:1.5rem;font-weight:400;line-height:1.4;margin-top:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-grafite)}p{font-size:1.125rem;line-height:1.75;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--color-cinza)}strong{color:var(--color-grafite);font-weight:600}button{background:var(--color-verde);color:var(--color-paper);border:none;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);font-size:1rem;font-weight:500;border-radius:4px;cursor:pointer;transition:all .2s ease;letter-spacing:.02em;font-family:Inter,sans-serif}button:hover{background:var(--color-verde-hover);opacity:.9}button:active{transform:translateY(1px)}ul{list-style:none;margin:calc(var(--spacing-unit) * 4) 0}ul li{padding:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 2);background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:4px;font-size:1.125rem;transition:all .2s ease}ul li:hover{box-shadow:var(--shadow-subtle);transform:translateY(-2px)}hr{border:none;border-top:1px solid var(--color-border);margin:calc(var(--spacing-unit) * 6) 0}footer{background:var(--color-grafite);border-top:1px solid var(--color-border);padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 6);text-align:center}.footer-content{max-width:var(--max-width);margin:0 auto}.footer-title{font-family:"IBM Plex Serif",serif;font-size:1.125rem;font-weight:600;color:var(--color-paper);margin-bottom:calc(var(--spacing-unit) * 1)}.footer-subtitle{font-size:.875rem;color:var(--color-cinza);margin-bottom:calc(var(--spacing-unit) * 3)}.footer-copyright{font-size:.8125rem;color:var(--color-cinza);margin:0;margin-bottom:calc(var(--spacing-unit) * 2)}.footer-credits{font-size:.8125rem;color:var(--color-cinza);margin:0}.footer-credits a{color:var(--color-paper);text-decoration:none;font-weight:500;transition:opacity .2s ease}.footer-credits a:hover{opacity:.8;text-decoration:underline}@media(max-width:768px){nav{padding:calc(var(--spacing-unit) * 3);flex-direction:column;align-items:flex-start;gap:calc(var(--spacing-unit) * 2)}.nav-brand{font-size:1rem}.nav-links{width:100%;flex-wrap:wrap;gap:calc(var(--spacing-unit) * 2)}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}main{padding:calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 2)}}
