body{margin:0;padding:0;font-family:Arial,sans-serif;width:100vw;overflow:hidden}.main-container,body{height:100vh;display:flex;justify-content:center;align-items:center}.main-container{position:relative;width:100%;overflow:visible;flex-direction:column}.main-icon-bounce{margin-right:.5rem;animation:bounce 1s infinite;color:#cfc5c5}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.main-image{position:absolute;inset:0;object-fit:cover}.main-overlay{position:absolute;inset:0;background-color:rgba(0,0,0,.5)}.main-content{position:relative;z-index:10;text-align:center;color:#fff;padding:0 1rem;width:100%}.main-container-titles,.main-content{display:flex;flex-direction:column;align-items:center}.main-container-titles{margin-bottom:200px}.main-title{font-size:2rem;font-weight:600;word-wrap:break-word}.main-subtitle{font-size:1.8rem;font-weight:700;color:#cfc5c5;margin-bottom:5rem;line-height:1.5;max-width:90%;word-wrap:break-word;text-align:center}.language-switch{position:fixed;top:1rem;left:1rem;display:flex;justify-content:flex-start;z-index:20}.language-button{padding:.5rem 1rem;background-color:transparent;color:#fff;border-radius:9999px;border:2px solid grey;cursor:pointer;transition:transform .3s,box-shadow .3s}.language-button:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.main-links{justify-content:center;gap:2rem;position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:10}.github-section,.main-links{display:flex;align-items:center}.github-section{gap:.5rem}.p-seemore{margin:0;font-size:1rem}.main-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:1rem;font-weight:700;transition:background-color .3s ease,transform .2s ease}.main-button-github{background-color:#24292e;color:#fff}.main-button-linkedin{background-color:#0077b5;color:#fff}.main-button:hover{transform:scale(1.05);opacity:.9}.main-icon{margin-right:.5rem}@media (max-width:768px){.main-title{font-size:1.6rem}.main-subtitle{font-size:1.4rem}.language-button{font-size:.9rem;padding:.3rem .8rem}.github-section{flex-direction:column;align-items:center}.main-links{flex-direction:column;gap:1rem}}@media (max-width:425px){.main-title{font-size:1.4rem}.main-subtitle{font-size:1.2rem}.main-button{font-size:.8rem;padding:.4rem .9rem}.main-container-titles{margin-bottom:100px}}.main-navigation{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:28px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);z-index:15;background:rgba(0,0,0,.5);padding:28px;border-radius:1rem;width:70%;height:150px;box-sizing:border-box;align-items:center;justify-items:center;overflow:hidden}.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style:none;margin:0;padding:0}.nav-item{text-align:center}.nav-link{color:#fff;text-decoration:none;transition:color .3s}.nav-link:hover{color:#4a90e2}.nav-icon{margin-right:.5rem}.loading-screen{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#020024;background:-moz-linear-gradient(90deg,#020024 0,#2d2458 46%,#00d4ff 100%);background:-webkit-linear-gradient(90deg,#020024,#2d2458 46%,#00d4ff);background:linear-gradient(90deg,#020024,#2d2458 46%,#00d4ff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024",endColorstr="#00d4ff",GradientType=1);font-size:2rem;z-index:10;text-align:center;transition:opacity 1s ease-out}.loading-screen.hide{opacity:0;visibility:hidden}.spinner{font-size:4rem;animation:spin 2s infinite;margin-bottom:1.5rem;color:#00d4ff}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-blink{font-size:1rem;color:#f0f;margin-top:2rem;animation:blink 1.5s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.content{opacity:0;animation:fadeInContent 1.5s ease-out forwards}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.loading-title{font-size:2rem;color:#fff;font-weight:700;margin-top:1rem}.loading-subtitle{font-size:1.5rem;color:hsla(0,0%,100%,.8);margin-top:.5rem;opacity:0;animation:fadeIn 2s ease-out 1.5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}