:root{--accent: #0b74da;--muted: #6b7280;--bg: #f6f7f9;--card: #ffffff;--maxwidth: 1200px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}*{box-sizing:border-box}img{max-width:100%;height:auto}html,body{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;background:var(--bg);color:#111;scroll-behavior:smooth}a{color:var(--accent);text-decoration:none}header{background:#fff;border-bottom:1px solid #e6e9ee;position:relative}.container{max-width:var(--maxwidth);margin:0 auto;padding:18px}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center}.logo{width:48px;height:48px;background:linear-gradient(135deg,var(--accent),#3b82f6);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}nav.main-nav{display:flex;gap:14px;align-items:center}nav.main-nav a.active{color:var(--accent);font-weight:600}.search{display:flex;gap:8px;align-items:center}.search input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;width:220px}.search .btn{color:buttontext}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.menu-toggle span{display:block;height:3px;width:100%;background-color:var(--accent);border-radius:3px;transition:all .3s ease}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.category{font-size:12px;font-weight:600;padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:8px;word-break:break-word;background:#e6f2ff;color:var(--accent);letter-spacing:.5px;text-transform:uppercase}.category.direito-civil,.category.reflexoes{background:#e6f7ff;color:#1890ff}.hero{display:grid;grid-template-columns:2fr 1fr;gap:18px;padding:10px 0}.lead-article{background:var(--card);padding:18px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f}.lead-article img{width:100%;height:320px;object-fit:cover;border-radius:8px}.lead-article h1{margin:12px 0 6px;font-size:22px}.meta,.post-meta{color:var(--muted);font-size:13px;margin-bottom:5px}.side-cards{display:flex;flex-direction:column;gap:12px}.card-small{background:var(--card);padding:12px;border-radius:10px;text-decoration:none;color:inherit;display:block}.card-small img{width:100%;height:96px;object-fit:cover;border-radius:6px}.lead-article img,.card-small img,.post img{background:#fff}.lead-article img:not([src]),.lead-article img[src=""],.card-small img:not([src]),.card-small img[src=""],.post img:not([src]),.post img[src=""]{background:#fff;display:block}.main{display:grid;grid-template-columns:3fr 1fr;gap:18px;padding:5px 0}.posts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.post{background:var(--card);padding:14px;border-radius:10px;overflow-wrap:break-word;word-break:break-word}.post img{width:160px;height:110px;object-fit:cover;border-radius:8px}.post h3{margin:0 0 6px;font-size:16px}.post h3 a{color:var(--accent);text-decoration:none}.excerpt{color:var(--muted);font-size:14px;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;margin-bottom:12px}aside .widget{background:var(--card);padding:14px;border-radius:10px;margin-bottom:12px;overflow-wrap:break-word;word-break:break-word}.widget h4{margin:0 0 10px}.widget ol{padding-left:18px;margin:0}.widget ol li a{color:var(--accent);text-decoration:none}.list-compact{display:flex;flex-direction:column;gap:10px}.list-compact a{font-size:14px;color:var(--accent);text-decoration:none;line-height:1.5}footer{padding:22px 0;color:var(--muted);font-size:14px}.article-overlay{position:fixed;top:0;left:0;right:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:flex-start;z-index:1000;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box}body.overlay-open{overflow:hidden}.article-content{background:var(--card);width:90%;max-width:800px;border-radius:12px;padding:30px;position:relative;margin:20px auto;box-shadow:0 10px 30px #0000004d;text-align:justify;line-height:1.7}.close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background-color:#f0f0f0;color:#333}.article-header{margin-bottom:25px;border-bottom:1px solid #e6e9ee;padding-bottom:20px}.article-hero-img{width:100%;height:400px;object-fit:cover;border-radius:10px;margin-bottom:20px}.article-section{margin-bottom:30px;line-height:1.5;color:#222}.article-section p:not([style]){color:#333}.article-section p{line-height:1.5;margin-bottom:1.2em;text-justify:inter-word;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:none;hyphens:none}.article-section p:not([style*=center]):not([style*=right]){text-align:justify!important}.article-section span[style]{display:inline}.article-section h1,.article-section h2,.article-section h3,.article-section h4,.article-section h5,.article-section h6{margin:1.4em 0 .6em;line-height:1.3;text-align:left}.article-section h1:not([style*=color]){color:#111}.article-section h2:not([style*=color]){color:var(--accent)}.article-section h3:not([style*=color]){color:var(--accent)}.article-section h4:not([style*=color]),.article-section h5:not([style*=color]),.article-section h6:not([style*=color]){color:#111}.article-section h1:not([style*=font-size]){font-size:2rem}.article-section h2:not([style*=font-size]){font-size:1.6rem;border-left:4px solid var(--accent);padding-left:12px}.article-section h3:not([style*=font-size]){font-size:1.35rem;border-left:3px solid var(--accent);padding-left:10px}.article-section h4:not([style*=font-size]){font-size:1.15rem}.article-section h5:not([style*=font-size]){font-size:1rem}.article-section h6:not([style*=font-size]){font-size:.9rem;color:var(--muted)}.article-section ul,.article-section ol{padding-left:1.8em;margin:.8em 0 1.2em}.article-section li{margin-bottom:.4em;line-height:1.7}.article-section strong{font-weight:700}.article-section em{font-style:italic}.article-section u{text-decoration:underline}.article-section s{text-decoration:line-through}.article-section sub{vertical-align:sub;font-size:.8em}.article-section sup{vertical-align:super;font-size:.8em}.article-section a{color:var(--accent);text-decoration:underline;word-break:break-word}.article-section a:hover{opacity:.8}.article-section img{max-width:100%;height:auto;border-radius:8px;margin:12px 0;display:block}.article-section blockquote{border-left:4px solid #6b7280;padding:10px 18px;margin:1.2em 0;background:#f9fafb;color:#374151;border-radius:0 6px 6px 0;font-style:italic}.article-section pre{background:#1e293b;color:#e2e8f0;border-radius:8px;padding:16px;overflow-x:auto;font-size:14px;margin:1.2em 0}.article-section code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:Courier New,monospace}.article-section pre code{background:transparent;padding:0;color:inherit}.article-section table{border-collapse:collapse;width:100%;margin:1.2em 0;table-layout:auto;overflow-x:auto;display:block;white-space:normal}.article-section thead tr{background:#f3f4f6}.article-section th:not([style]){background:#e9ecef;color:#111}.article-section th{font-weight:700;border:1.5px solid #adb5bd;padding:9px 14px;font-size:.95em;vertical-align:top;word-break:break-word}.article-section th:not([style*=text-align]){text-align:left}.article-section td:not([style]){color:#333}.article-section td{border:1px solid #ced4da;padding:8px 12px;vertical-align:top;font-size:.95em;word-break:break-word}.article-section tr:nth-child(2n) td:not([style*=background]){background:#f8f9fa}.article-section tr:hover td:not([style*=background]){background:#eef2ff;transition:background .15s}.article-section mark{border-radius:2px;padding:0 2px}.article-section hr{border:none;border-top:2px solid #e5e7eb;margin:2em 0}.article-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px;padding-top:20px;border-top:1px solid #e6e9ee}.tag{padding:6px 12px;border-radius:20px;border:1px solid #e6e9ee;font-size:13px;background-color:#f8f9fa}.pagination{cursor:pointer;transition:all .2s ease;display:flex;gap:8px;justify-content:center;margin:18px 0}.btn{cursor:pointer;transition:all .2s ease;display:inline-block;padding:8px 12px;border-radius:8px;border:1px solid #e6e9ee;background:#fff;color:#333;text-decoration:none}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.active,.pagination .btn.active{background:var(--accent);color:#fff;border-color:transparent;font-weight:700}.article-audio-player p{margin:0 0 10px;font-weight:600}.article-audio-player audio{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:var(--muted)}.article-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.hero-section{padding:0;display:flex;position:relative;overflow:hidden;justify-content:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;justify-content:center;position:relative;z-index:2;min-height:450px;width:100%}.hero-image{display:flex;justify-content:center;align-items:center;height:100%;min-height:350px;position:relative}.hero-text p{text-align:justify;text-justify:inter-word}.frame-rectangular{background:linear-gradient(135deg,#fff,#f0f5ff);border-radius:20px;box-shadow:0 10px 30px #0b74da26,inset 0 0 0 1px #0b74da1a;display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;height:450px}.hero-image img{max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1))}.hero-text{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.hero-text h2{font-size:36px;line-height:1.2;margin-bottom:20px;color:#111;text-align:center}.hero-text p{color:var(--muted);margin-bottom:25px;font-size:18px;line-height:1.6;text-align:justify;text-justify:inter-word}.hero-stats{display:flex;gap:30px;margin-top:30px;justify-content:center;align-items:center}.stat-item{text-align:center}.stat-number{font-size:32px;font-weight:700;color:var(--accent);display:block}.stat-label{font-size:14px;color:var(--muted)}.article-content{background:var(--card);width:90%;max-width:800px;border-radius:12px;padding:30px;position:relative;margin:20px auto;box-shadow:0 10px 30px #0000004d;text-align:justify;line-height:1.7;font-size:1.1rem;color:#333}.article-content p{margin-bottom:1.5em}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:var(--primary);margin-top:1.5em;margin-bottom:.8em;line-height:1.3;text-align:left}.article-content ul,.article-content ol{margin-bottom:1.5em;padding-left:1.5em}.article-content li{margin-bottom:.5em}.article-content blockquote{border-left:4px solid var(--accent);margin:1.5em 0;font-style:italic;color:#555;background:#f9f9f9;padding:10px 16px}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0}.article-section h3{color:var(--accent);margin:2em 0 1em;border-left:4px solid var(--accent);padding-left:12px;text-align:left}.article-law-citation{background:#f8f9fa;border-left:3px solid var(--accent);padding:15px;margin:1.5em 0;font-family:Times New Roman,serif}.article-law-citation strong{display:block;margin-bottom:8px;color:#2c3e50}.article-list{margin:1em 0;padding-left:1.5em}.article-list li{margin-bottom:.8em;line-height:1.6}.article-inciso{margin:1em 0;padding-left:1em}.article-paragrafo{margin:.8em 0 .8em 2em;font-style:italic}.artigo em,.article-content em{color:#b8860b;font-style:italic}.titulo{font-size:18px;font-weight:700;color:#1890ff;background:#e6f7ff;margin:28px 0 12px;padding:12px 24px;text-transform:uppercase;letter-spacing:.6px;text-align:center;border-radius:6px;display:inline-block;transition:all .3s ease}.titulo:hover{background:#0d66cc;color:#fff;box-shadow:0 6px 16px #1890ff59}.titulo{cursor:pointer}#postsContainer,#noticiasContainer,#reflexoesContainer{scroll-margin-top:100px}@media(max-width:900px){.hero,.main,.posts{grid-template-columns:1fr}.search input{width:120px}.lead-article img{height:220px}.side-cards{display:none}.article-content{width:100%;padding:15px}.article-hero-img{height:250px}.menu-toggle{display:flex}nav.main-nav{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:#fff;flex-direction:column;align-items:flex-start;padding:80px 20px 20px;box-shadow:-5px 0 15px #0000001a;transition:right .3s ease;z-index:9;gap:0}nav.main-nav.active{right:0}nav.main-nav a{width:100%;padding:12px 0;border-bottom:1px solid #f0f0f0;font-size:16px}.search{margin-top:20px;width:100%}.search input{width:100%}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:none;z-index:8}.overlay.active{display:block}}@media(max-width:992px){.hero-content{grid-template-columns:1fr;gap:30px;text-align:center;justify-items:center}.hero-image{height:320px;order:-1;justify-content:center;align-items:center;display:flex}.hero-text{align-items:center;justify-content:center;text-align:center}.hero-text p{text-align:center}.frame-rectangular{max-width:350px;height:280px}}@media(max-width:768px){.container{padding:12px}.hero-text h2{font-size:28px;margin-bottom:15px}.hero-text p{font-size:16px;text-align:center}.hero-stats{flex-direction:column;gap:15px;justify-content:center;align-items:center}.frame-rectangular{max-width:300px;height:320px}.topbar{flex-wrap:wrap;gap:10px}.brand{flex:1}.hero,.main{grid-template-columns:1fr;gap:20px}.posts{grid-template-columns:1fr}aside{margin-top:10px}.article-content{padding:20px 15px;width:100%}.article-header h1,.article-header h2{font-size:24px;line-height:1.3}.article-meta{flex-direction:column;align-items:flex-start;gap:10px}.article-hero-img{height:200px}.artigo p,.article-content p{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.article-law-citation{padding:10px;font-size:.95rem}.artigo p{max-width:100%;overflow-x:hidden;word-wrap:break-word;white-space:pre-wrap}.artigo{padding:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.artigo ul,.artigo ol{padding-left:20px}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e6e9ee;padding:16px 18px;box-shadow:0 -4px 12px #0000001a;display:none;z-index:999;align-items:center;justify-content:space-between;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600}.form-control{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}textarea.form-control{min-height:120px;resize:vertical}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px}.alert.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert.warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}.contact-page{padding:40px 0}.contact-header{text-align:center;margin-bottom:40px}.contact-header h1{font-size:36px;margin-bottom:10px;color:#111}.contact-header p{color:var(--muted);font-size:18px;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr;gap:30px;justify-content:center}.contact-form{background:var(--card);padding:30px;border-radius:12px;box-shadow:0 6px 18px #0f172a0f}.contact-form h2{margin-top:0;margin-bottom:20px;font-size:24px}.contact-info{display:flex;flex-direction:column;gap:20px;max-width:720px;width:100%;margin:0 auto}.info-item{display:flex;align-items:flex-start;gap:15px}.info-icon{width:40px;height:40px;background:#e6f2ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:18px;flex-shrink:0}.info-content h3{margin:0 0 5px;font-size:18px}.info-content p{margin:0;color:var(--muted)}.social-links{display:flex;gap:10px;margin-top:10px}.social-links .btn{flex:1;text-align:center}.content-box{max-width:900px;margin:30px auto;background:var(--card);padding:28px;border-radius:10px;box-shadow:0 6px 18px #0f172a0f}.content-box h1{color:var(--accent);margin-top:0}.content-box h2{color:var(--accent);font-size:1.1rem;margin-top:20px}.content-box p,.content-box li{color:#333;line-height:1.6}.sobre-hero{background:linear-gradient(135deg,#0b74da,#3b82f6);color:#fff;padding:60px 0;text-align:center;margin-bottom:40px}.sobre-hero h1{font-size:2.8rem;margin-bottom:20px;font-weight:700;color:#fff}.sobre-hero p{font-size:1.2rem;max-width:800px;margin:0 auto;opacity:.9;color:#fff}.sobre-content{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:60px}.sobre-profile{background:var(--card);border-radius:12px;padding:30px;box-shadow:0 6px 18px #0f172a0f;text-align:center;height:fit-content}.profile-image{width:200px;height:200px;border-radius:50%;margin:0 auto 25px;background:linear-gradient(135deg,#e6f2ff,#f0f5ff);display:flex;align-items:center;justify-content:center;font-size:4rem;color:var(--accent);border:4px solid var(--accent)}.profile-image img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.profile-info h3{color:var(--accent);margin:15px 0 5px;font-size:1.5rem}.profile-info p{color:var(--muted);margin:5px 0;font-size:.9rem}.oab-badge{display:inline-block;background:#e6f2ff;color:var(--accent);padding:8px 16px;border-radius:20px;font-weight:600;margin-top:15px;font-size:.9rem}.sobre-details{background:var(--card);border-radius:12px;padding:40px;box-shadow:0 6px 18px #0f172a0f}.section-title{color:var(--accent);font-size:1.5rem;margin:30px 0 20px;padding-bottom:10px;border-bottom:2px solid #e6f2ff}.section-title:first-child{margin-top:0}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.timeline-item{position:relative;margin-bottom:25px}.timeline-item:before{content:"";position:absolute;left:-36px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid white;box-shadow:0 0 0 2px var(--accent)}.timeline-item h4{margin:0 0 8px;color:#111;font-size:1.1rem}.timeline-item p{margin:0;color:var(--muted);line-height:1.6}.highlight-box{background:#f0f7ff;border-left:4px solid var(--accent);padding:20px;margin:25px 0;border-radius:0 8px 8px 0}.highlight-box p{margin:0;color:#333;font-style:italic;line-height:1.6}.publicacoes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.publicacao-card{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e6e9ee;transition:transform .3s ease}.publicacao-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.publicacao-card h4{color:var(--accent);margin:0 0 15px}.publicacao-card p{color:var(--muted);font-size:.9rem;margin:0}.objetivo-missao{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:30px}.objetivo-card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 12px #0000000d;border-top:4px solid var(--accent)}.objetivo-card h4{color:var(--accent);margin:0 0 15px;font-size:1.2rem}.objetivo-card p{color:#333;line-height:1.6;margin:0}.justificado{text-align:justify;text-justify:inter-word}.contact-item{display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:8px}.contact-item i{color:var(--accent);font-size:1.2rem;font-style:normal}@media(max-width:900px){.sobre-content,.contact-content{grid-template-columns:1fr}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e6e9ee;padding:16px 18px;box-shadow:0 -4px 12px #0000001a;display:none;z-index:8;align-items:center;justify-content:space-between;gap:16px}.cookie-banner.active{display:flex}.cookie-message{flex:1;font-size:14px;color:var(--muted);line-height:1.5}.cookie-message a{color:var(--accent);text-decoration:underline}.cookie-actions{display:flex;gap:12px;flex-shrink:0}.cookie-btn{padding:8px 16px;border-radius:6px;border:1px solid #e6e9ee;background:#fff;color:#111;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;white-space:nowrap;text-decoration:none;display:inline-block}.cookie-btn:hover{border-color:var(--accent);color:var(--accent)}.cookie-btn.accept{background:var(--accent);color:#fff;border-color:var(--accent)}.cookie-btn.accept:hover{background:#0959a8;border-color:#0959a8}@media(max-width:768px){.cookie-banner{flex-direction:column;align-items:flex-start;padding:12px 16px}.cookie-actions{width:100%;justify-content:flex-end}}.tiptap{outline:none}.tiptap p{margin:.5em 0}.tiptap h1,.tiptap h2,.tiptap h3{margin-top:1em;margin-bottom:.5em}.tiptap ul,.tiptap ol{padding-left:1.5em;margin:.5em 0}.tiptap strong{font-weight:700}.tiptap em{font-style:italic}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:4px}.skeleton-wrapper{pointer-events:none}.articles-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:30px}@media(max-width:1024px){.articles-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.articles-grid-3col{grid-template-columns:1fr}}.pagination .btn{font:inherit;color:var(--accent);background:#fff;border:1px solid #e6e9ee;border-radius:8px;padding:8px 12px;text-decoration:none;cursor:pointer;transition:all .2s}.pagination .btn:hover:not(:disabled):not(.active){background:#f5f5f5}.pagination .btn.active{background:var(--accent);color:#fff;border-color:transparent;font-weight:400}.pagination .btn:disabled{opacity:1;background:#fff;color:var(--accent);cursor:not-allowed}.post-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin:12px 0}.article-audio-player{margin:20px 0;padding:15px;background:#f0f0f0;border-radius:8px}.article-audio-player p{margin:0 0 10px;font-weight:700;font-size:15px}.article-audio-player audio{width:100%;margin-top:10px}.ProseMirror p:not([style*=text-align]),.tiptap-editor-content p:not([style*=text-align]){text-align:justify;text-justify:inter-word;white-space:normal;word-break:normal}.ProseMirror p,.tiptap-editor-content p,.article-section p{line-height:1.5!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}.menu-toggle{display:none}@media(max-width:900px){.menu-toggle{display:flex}}