@keyframes pulse-border-frontend{0%,100%{box-shadow:0 0 0 1px rgba(102,68,196,0.3),0 4px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(102,68,196,0.8),0 4px 8px rgba(0,0,0,0.3)}}@keyframes pulse-border-architecture{0%,100%{box-shadow:0 0 0 1px rgba(165,67,159,0.3),0 4px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(165,67,159,0.8),0 4px 8px rgba(0,0,0,0.3)}}@keyframes pulse-border-backend{0%,100%{box-shadow:0 0 0 1px rgba(45,155,107,0.3),0 4px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(45,155,107,0.8),0 4px 8px rgba(0,0,0,0.3)}}@keyframes pulse-border-finance{0%,100%{box-shadow:0 0 0 1px rgba(130,168,25,0.3),0 4px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(130,168,25,0.8),0 4px 8px rgba(0,0,0,0.3)}}@keyframes pulse-border-bitcoin{0%,100%{box-shadow:0 0 0 1px rgba(247,147,26,0.3),0 4px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(247,147,26,0.8),0 4px 8px rgba(0,0,0,0.3)}}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#fff;text-decoration:none}h1,h2,h3,h4,h5,h6,p,b,a{font-family:Montserrat,"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif}h1{text-align:center;font-size:calc(min(5rem, 10vw));font-weight:bold;margin-bottom:0.3em}h1.presentation-title{font-size:calc(min(5rem, 10vw))}h2{font-size:calc(min(2.5rem, 5vw));font-weight:normal}@media (min-width: 992px){h1.presentation-title{font-size:7rem}h2.presentation{font-size:2.5rem}h1{font-size:5rem}h2{font-size:3rem}}.animate__bounceInRight,.animate__bounceInLeft{animation-delay:0s}.animate__bounceIn{animation-delay:0.75s}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.1)}::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,0.8)}::-webkit-scrollbar-thumb:hover{background-color:#4ff5f5}html,body{color:#fff;margin:0;padding:0;max-width:100vw}html{font-family:Montserrat,"Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}@media (min-width: 768px){html{overflow-y:scroll}}html body{background-color:#006060}html body .page-wrapper{min-height:100dvh;display:flex;flex-direction:column}html body .page-wrapper main{flex:1;margin-top:2rem}html body .page-wrapper footer{margin:1rem auto;font-size:0.75rem;text-align:center}html body .page-wrapper footer a{color:#4ff5f5}html body .page-wrapper footer a:hover{text-decoration:underline}@media (min-width: 992px){html body .page-wrapper footer{flex-direction:row}}.lateral-menu{display:none;position:fixed;bottom:118px;right:29px;z-index:999;flex-direction:column;gap:10px;background-color:transparent}.lateral-menu.active{display:flex;align-items:flex-end}.lateral-menu.active::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);z-index:-1;animation:fadeIn 0.3s ease}@media (min-width: 768px){.lateral-menu.active::before{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lateral-menu .menu-item-container{margin:0;transition:opacity 0.3s ease, transform 0.3s ease}.lateral-menu .menu-item-container .menu-item{display:flex;align-items:center;justify-content:center;gap:0.75rem;opacity:0.9;background:linear-gradient(135deg, #000 0%, #262626 100%);box-shadow:0 2px 8px rgba(0,0,0,0.2);color:#fff;padding:10px 20px;border-radius:50px;transition:all 0.3s ease;width:fit-content;height:50px;position:relative;overflow:hidden;border:2px solid #4ff5f5}.lateral-menu .menu-item-container .menu-item:hover{background:linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.95) 100%);border-color:#4ff5f5;transform:translateX(-5px);box-shadow:0 4px 12px rgba(0,0,0,0.3),0 0 15px rgba(79,245,245,0.3)}.lateral-menu .menu-item-container .menu-item:hover .menu-icon{color:#4ff5f5;transform:scale(1.15)}.lateral-menu .menu-item-container .menu-item::before{content:'';position:absolute;top:50%;left:50%;width:120%;height:120%;background:radial-gradient(circle at center, rgba(79,245,245,0.15) 0%, transparent 70%);transform:translate(-50%, -50%) scale(0);transition:transform 0.3s ease}.lateral-menu .menu-item-container .menu-item:hover::before{transform:translate(-50%, -50%) scale(1.5)}.lateral-menu .menu-item-container .menu-item .menu-icon{font-size:20px;color:#4ff5f5;transition:all 0.3s ease}.lateral-menu .menu-item-container .menu-item .menu-label{font-weight:600;letter-spacing:0.5px;text-shadow:0 1px 3px rgba(0,0,0,0.3)}.lateral-menu .menu-item-container .menu-item.active-page{background:linear-gradient(135deg, rgba(79,245,79,0.15) 0%, rgba(79,245,79,0.25) 100%);border-color:#4ff54f}.lateral-menu .menu-item-container .menu-item.active-page span{text-shadow:-1px 1px 1px #000}.lateral-menu .menu-item-container .menu-item.active-page .menu-icon{color:#4ff54f}.lateral-menu .menu-item-container .menu-item.active-page:hover{background:linear-gradient(135deg, rgba(79,245,79,0.25) 0%, rgba(79,245,79,0.35) 100%);border-color:#4ff54f}.lateral-menu .menu-item-container .menu-item.active-page:hover .menu-icon{color:#4ff54f}.lateral-menu .menu-item-container .active-tooltip{position:absolute;right:calc(100% + 15px);top:50%;transform:translateY(-50%);background:#4ff54f;color:#006060;padding:8px 12px;border-radius:6px;font-size:0.9rem;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000}.lateral-menu .menu-item-container .active-tooltip::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);border-left:8px solid #4ff54f;border-top:8px solid transparent;border-bottom:8px solid transparent}.lateral-menu .menu-item-container .active-tooltip-show{animation:tooltipFade 4s ease-in-out forwards}@keyframes tooltipFade{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}15%{opacity:1;transform:translateY(-50%) translateX(0)}85%{opacity:1;transform:translateY(-50%) translateX(0)}100%{opacity:0;transform:translateY(-50%) translateX(-20px)}}@media (min-width: 768px){.lateral-menu{display:flex;align-items:flex-end;position:fixed;top:50%;bottom:0;right:20px;transform:translateY(-50%);flex-direction:column;z-index:1000;width:unset;background-color:transparent}.lateral-menu .menu-item-container{margin:10px 0;text-align:center}.lateral-menu .menu-item-container .menu-item{display:flex;align-items:center;justify-content:flex-end;background-color:#000;color:#fff;padding:10px;border-radius:50%;overflow:hidden;white-space:nowrap;min-width:60px;height:60px;position:relative;width:60px;max-width:60px;transition:max-width 0.4s ease, border-radius 0.25s ease}.lateral-menu .menu-item-container .menu-item:hover{max-width:200px;width:fit-content;border-radius:30px}.lateral-menu .menu-item-container .menu-item:hover .menu-label{opacity:1;transform:translateX(0)}.lateral-menu .menu-item-container .menu-item:hover .menu-icon{transform:translateX(-6px) scale(1.15);transition:transform 0.25s ease}.lateral-menu .menu-item-container .menu-item:not(:hover) .menu-label{opacity:0;transition:opacity 0s ease, transform 0s ease}.lateral-menu .menu-item-container .menu-item .menu-icon{opacity:0.9;font-size:24px;transition:transform 0.25s ease}.lateral-menu .menu-item-container .menu-item .menu-icon.fa-home{margin-right:5px}.lateral-menu .menu-item-container .menu-item .menu-icon.fa-code{margin-right:3px}.lateral-menu .menu-item-container .menu-item .menu-icon.fa-newspaper{margin-right:6px}.lateral-menu .menu-item-container .menu-item .menu-label{visibility:visible;opacity:0;font-size:1rem;margin:0 12px 0 12px;transform:translateX(20px);transition:opacity 0.25s ease, transform 0.25s ease;font-family:Andika, 'Courier New', Courier, monospace;font-weight:700}}.fab-button{position:fixed;bottom:32px;right:24px;width:72px;height:72px;opacity:0.8;background:linear-gradient(135deg, #000 0%, #262626 100%);border:2px solid #4ff5f5;border-radius:50%;display:flex;justify-content:center;align-items:center;color:#4ff5f5;font-size:30px;z-index:1000;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.fab-button.active{opacity:0.9;background:linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.95) 100%);transform:rotate(180deg);border-color:#4ff5f5}@media (min-width: 768px){.fab-button{display:none}}.tag-list{max-width:700px;width:100%}@media (min-width: 768px){.tag-list{margin:0 auto}}.tag-list .back-link{display:block;color:rgba(255,255,255,0.7);text-decoration:none;margin:0 0 2rem 1.5rem;font-size:clamp(0.8rem, 2vw, 1rem);transition:color 0.2s;min-width:fit-content}.tag-list .back-link:hover{color:white}.tag-list h1.tags-list-title{color:white;margin-bottom:2rem;font-size:clamp(1.75rem, 6vw, 3rem);font-weight:600}.tag-list .tags-cloud{display:flex;flex-wrap:wrap;margin:0 0 2rem 1.5rem;gap:0.75rem}.tag-list .tags-cloud .tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.35rem 1.25rem;border-radius:999px;font-size:clamp(0.725rem, 1.75vw, 0.875rem);font-weight:500;text-decoration:none;color:white;transition:transform 0.2s ease;min-width:fit-content}.tag-list .tags-cloud .tag.tag-default-plain{background-color:#5b5b5b}.tag-list .tags-cloud .tag.tag-recommended-plain{background-color:#2D8295}.tag-list .tags-cloud .tag.tag-for-beginners-plain{background-color:#C6317B}.tag-list .tags-cloud .tag.tag-frontend-plain{background-color:#6644C4}.tag-list .tags-cloud .tag.tag-backend-plain{background-color:#2d9b6b}.tag-list .tags-cloud .tag.tag-architecture-plain{background-color:#A5439F}.tag-list .tags-cloud .tag.tag-finance-plain{background-color:#82a819}.tag-list .tags-cloud .tag.tag-bitcoin-plain{background-color:#f7931a}.tag-list .tags-cloud .tag .tag-count{background:rgba(255,255,255,0.2);color:white;padding:0.1rem 0.5rem;border-radius:999px;font-size:0.75rem}.tag-list .tags-cloud .tag:hover{transform:translateY(-2px)}
