body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}body::-webkit-scrollbar{display:none}body,html{background-color:#28285a;color:#e0e0e0;font-family:Inter,sans-serif;height:100%;margin:0;overflow-x:hidden;padding:0}.homepage-container{box-sizing:border-box;min-height:100vh;padding:40px 20px;text-align:center}.hero-section,.homepage-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.hero-section{margin-top:3vh;max-width:800px;width:100%}.hero-section img{animation:fadeInFromLeft 1.5s ease-out forwards;filter:drop-shadow(0 0 15px rgba(138,43,226,.7));height:auto;opacity:0;width:30vw}.hero-section .slogan{animation:fadeUp 1s ease-out forwards;animation-delay:1.2s;color:#93f;font-size:2.5em;font-weight:700;margin-top:-80px;opacity:0;text-shadow:0 0 10px #8a2be280}@keyframes fadeInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.explanation-section{margin-bottom:80px;margin-top:300px;max-width:900px;text-align:left;width:100%}.explanation-section h2{color:#8a2be2;font-size:2em;margin-bottom:40px;text-align:center;text-shadow:0 0 5px #8a2be24d}.explanation-section ul{list-style:none;margin:0;padding:0}.explanation-section li{animation:fadeIn .8s ease-out forwards;background-color:#2a2a4a;border-left:5px solid #8a2be2;border-radius:12px;box-shadow:0 8px 20px #0000004d;color:silver;font-size:1.1em;line-height:1.6;margin-bottom:25px;opacity:0;padding:25px 30px;transition:transform .3s ease,box-shadow .3s ease}.explanation-section li:hover{box-shadow:0 12px 25px #0006;transform:translateY(-5px)}.explanation-section li:first-child{animation-delay:.5s}.explanation-section li:nth-child(2){animation-delay:1s}.explanation-section li:nth-child(3){animation-delay:1.5s}.explanation-section li:nth-child(4){animation-delay:2s}.cta-section{margin-bottom:80px;max-width:700px;width:100%}.cta-section h2{color:#93f;font-size:2.2em;margin-bottom:30px;text-shadow:0 0 8px #8a2be266}.cta-section button{background:linear-gradient(45deg,#8a2be2,#93f);border:none;border-radius:10px;box-shadow:0 10px 25px #8a2be280;color:#fff;cursor:pointer;font-size:1.4em;font-weight:700;letter-spacing:1px;padding:18px 40px;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.cta-section button:hover{background:linear-gradient(45deg,#93f,#8a2be2);box-shadow:0 15px 35px #8a2be2b3;transform:translateY(-3px)}.comments-section{background-color:#2a2a4a;border-radius:15px;box-shadow:0 8px 20px #0000004d;margin-bottom:80px;max-width:800px;padding:40px;width:100%}.comments-section h2{color:#8a2be2;font-size:2em;margin-bottom:30px;text-align:center}.comment-area{background-color:#1a1a2e;border:1px solid #4a4a6a;border-radius:8px;color:silver;line-height:1.5;min-height:150px;padding:20px;text-align:left}.footerhome{background-color:#1a1a2e;border-top:1px solid #3a3a5a;box-sizing:border-box;color:#7a7a7a;font-size:.9em;margin-bottom:-30px;padding:30px 20px;text-align:center;width:100%}.footerhome p{margin:5px 0}.footerhome a{color:#8a2be2;text-decoration:none;transition:color .3s ease}.footerhome a:hover{color:#93f}.fixed-login-button{align-items:center;background:linear-gradient(45deg,#8a2be2,#93f);border:none;border-radius:50px;box-shadow:0 5px 15px #8a2be280;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:700;justify-content:center;min-width:50px;overflow:hidden;padding:12px 25px;position:fixed;right:30px;top:30px;transition:all .3s ease,width .3s ease,padding .3s ease;white-space:nowrap;z-index:1000}.fixed-login-button .button-text{margin-right:0;opacity:1;transition:opacity .3s ease}.fixed-login-button .login-icon{font-size:1.3em;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .3s ease}.fixed-login-button.scrolled{box-shadow:0 3px 10px #8a2be24d;padding:12px;width:50px}.fixed-login-button.scrolled .button-text{margin-right:0;opacity:0;width:0}.fixed-login-button.scrolled .login-icon{opacity:1;position:static;transform:none}.fixed-login-button.scrolled:hover{box-shadow:0 5px 15px #8a2be280;padding:12px 25px;width:auto}.fixed-login-button.scrolled:hover .button-text{margin-right:5px;opacity:1;width:auto}.fixed-login-button.scrolled:hover .login-icon{opacity:0}.info-page{animation:fadeIn .4s ease-in;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;font-family:Segoe UI,sans-serif;line-height:1.8;margin:4rem auto;max-width:800px;padding:2rem}.info-page h1{border-left:5px solid #ffc107;color:#222;font-size:2.2rem;margin-bottom:1rem;padding-left:10px}.info-page a{color:#06c;font-weight:500;text-decoration:none}.info-page a:hover{text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.hero-section{margin-top:20vh}}@media (max-width:768px){.hero-section{margin-top:12vh}.hero-section img{width:350px}.hero-section .slogan{font-size:1.8em}.comments-section h2,.cta-section h2,.explanation-section h2{font-size:1.7em}.explanation-section li{font-size:1em;padding:20px 25px}.cta-section button{font-size:1.2em;padding:15px 30px}.homepage-container{padding:30px 15px}.fixed-login-button{font-size:1em;padding:10px 20px;right:20px;top:20px}.fixed-login-button.scrolled{min-width:45px;padding:10px;width:45px}}.main{align-items:center;border-radius:15px;box-sizing:border-box;display:flex;flex-direction:column;height:auto;margin:auto;max-height:900px;max-width:400px;overflow:hidden;padding:40px;position:relative;width:100%}.main img{filter:drop-shadow(0 0 5px rgba(138,43,226,.5));height:auto;margin-top:-30px;width:200px}.main form{display:flex;flex-direction:column;gap:20px;margin-top:-30px;width:100%}.main input{background-color:#1a1a2e;border:1px solid #4a4a6a;border-radius:8px;color:#e0e0e0;font-size:16px;outline:none;padding:15px;transition:border-color .3s ease,box-shadow .3s ease}.main input::placeholder{color:#9a9a9a}.main input:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be24d}.main button{border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:.5px;margin-top:10px;padding:15px;text-transform:uppercase;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;width:100%}.main form button[type=submit]{background-color:#8a2be2;box-shadow:0 5px 15px #8a2be266;color:#fff}.main form button[type=submit]:hover:not(:disabled){background-color:#93f;box-shadow:0 8px 20px #8a2be299;transform:translateY(-2px)}.main form button[type=submit]:disabled{background-color:#5a3a7a;box-shadow:none;cursor:not-allowed;transform:none}.main hr{border:none;border-top:1px solid #4a4a6a;margin:25px 0;width:40%}.main p{background-color:#2a2a4a;color:#b0b0b0;font-size:14px;letter-spacing:1px;margin:-15px 0;padding:0 15px;text-transform:uppercase;z-index:1}.main button:not([type=submit]){align-items:center;background-color:#4285f4;box-shadow:0 5px 15px #4285f44d;color:#fff;display:flex;gap:10px;justify-content:center}.main button:not([type=submit]):hover{background-color:#5a9bff;box-shadow:0 8px 20px #4285f480;transform:translateY(-2px)}.main button .fab{font-size:20px}.error-message{background-color:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:8px;color:#ff6b6b;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.aLink{color:#fff;font-size:1rem;transition:.5s ease}.aLink:hover{color:#ff0}@media (max-width:600px){.main{min-height:500px}.main img{margin-bottom:15px;width:170px}.main button,.main input{font-size:16px;padding:12px}}.main textarea{background-color:#1a1a2e;border:1px solid #4a4a6a;border-radius:8px;color:#e0e0e0;font-size:16px;height:75px;outline:none;padding:10px;transition:border-color .3s ease,box-shadow .3s ease}.main textarea::placeholder{color:#9a9a9a}.main textarea:focus{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be24d}.upload-button{background-color:#9b30ff;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;padding:10px 16px;transition:background-color .3s}.upload-button:hover{background-color:#7e22ce}@media (max-width:768px){.mainDetails{height:auto;max-height:100%}}.link-form-container{justify-content:center;min-height:100vh;padding:40px 20px;text-align:center}.link-form-card,.link-form-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column}.link-form-card{background-color:#2a2a4a;border-radius:15px;max-width:900px;padding:40px}.link-form-card img{filter:drop-shadow(0 0 10px rgba(138,43,226,.6));height:auto;width:170px}.link-form-card h2{color:#93f;font-size:2em;margin-bottom:30px;text-shadow:0 0 8px #8a2be266}.link-field{align-items:center;background-color:#1a1a2e;border:1px solid #4a4a6a;border-radius:10px;box-shadow:0 4px 10px #0003;display:flex;gap:10px;margin-bottom:20px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.link-field:focus-within{border-color:#8a2be2;box-shadow:0 0 0 3px #8a2be24d}.link-icon-wrapper{align-items:center;background-color:#3a3a5a;border-radius:8px;color:#e0e0e0;display:flex;flex-shrink:0;font-size:1.4em;height:40px;justify-content:center;width:40px}.link-input{background-color:initial;border:none;color:#e0e0e0;flex-grow:1;font-size:1em;outline:none;padding:12px}.link-input::placeholder{color:#9a9a9a}.link-type-select{-webkit-appearance:none;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%23e0e0e0" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-position:right 8px center;background-repeat:no-repeat;border:1px solid #4a4a6a;border-radius:8px;cursor:pointer;flex-shrink:0;font-size:.9em;outline:none;padding:10px 30px 10px 10px}.link-type-select,.link-type-select option{background-color:#3a3a5a;color:#e0e0e0}.remove-link-button{align-items:center;background-color:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2em;height:30px;justify-content:center;transition:background-color .3s ease,transform .2s ease;width:30px}.remove-link-button:hover{background-color:#ff4c4c;transform:scale(1.1)}.add-link-button{background:linear-gradient(45deg,#6a0dad,#8a2be2);border:none;border-radius:8px;box-shadow:0 5px 15px #6a0dad66;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-bottom:30px;margin-top:20px;padding:12px 25px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.add-link-button:hover{background:linear-gradient(45deg,#8a2be2,#6a0dad);box-shadow:0 8px 20px #6a0dad99;transform:translateY(-2px)}.submit-button{background:linear-gradient(45deg,#8a2be2,#93f);border:none;border-radius:10px;box-shadow:0 10px 25px #8a2be280;color:#fff;cursor:pointer;font-size:1.3em;font-weight:700;max-width:300px;padding:15px 40px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;width:100%}.submit-button:hover{background:linear-gradient(45deg,#93f,#8a2be2);box-shadow:0 15px 35px #8a2be2b3;transform:translateY(-3px)}.submit-button:disabled{background:#5a3a7a;box-shadow:none;cursor:not-allowed;transform:none}.modal-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#2a2a4a;border-radius:15px;box-shadow:0 10px 30px #0009;color:#e0e0e0;max-width:400px;padding:30px;position:relative;text-align:center;width:90%}.modal-content.success{border:2px solid #4caf50}.modal-content.error{border:2px solid #ff6b6b}.modal-content h3{color:#93f;font-size:1.8em;margin-top:0}.modal-content p{font-size:1.1em;margin-bottom:25px}.modal-close-button{background:linear-gradient(45deg,#8a2be2,#93f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.modal-close-button:hover{box-shadow:0 5px 10px #8a2be266;transform:translateY(-1px)}.link-name-input{background-color:initial;border:none;color:#e0e0e0;flex-grow:1;font-size:1em;margin-bottom:8px;outline:none;padding:12px}.link-name-input::placeholder{color:#9a9a9a}@media (max-width:768px){.link-form-card{max-width:95%;padding:30px}.link-form-card h2{font-size:1.8em}.link-field{align-items:flex-start;flex-direction:column;padding:15px}.link-icon-wrapper,.link-input{margin-bottom:10px}.link-input{width:calc(100% - 20px)}.link-type-select{margin-bottom:10px;width:100%}.remove-link-button{font-size:1em;height:25px;position:absolute;right:10px;top:10px;width:25px}.add-link-button,.submit-button{font-size:1.1em;padding:12px 25px}}@media (max-width:480px){.link-form-card{padding:20px}.link-form-card h2{font-size:1.5em}.link-form-card img{width:150px}.link-field{padding:10px}.link-icon-wrapper{font-size:1.2em;height:35px;width:35px}.link-input{font-size:.9em;padding:10px}.link-type-select{font-size:.85em;padding:8px}.add-link-button,.submit-button{font-size:1em;padding:10px 20px}.modal-content{padding:20px}}.error,.loading-screen{align-items:center;color:#bb86fc;display:flex;font-size:1.8rem;height:100vh;justify-content:center}.profile-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding-top:2rem}.filler{flex:1 1}.profile-card{background:linear-gradient(to right bottom,#1f0036,#2b004a);border:2px solid #bb86fc;border-radius:20px;box-shadow:0 0 15px #bb86fc80;max-width:900px;padding:2rem;width:100%}.section-top{align-items:center;display:flex;flex-wrap:wrap;gap:2rem}.profile-pic{animation:fadeInLeft 1s ease forwards;border:3px solid #bb86fc;border-radius:20px;height:180px;object-fit:cover;width:180px}.profile-details h1{color:#ffe600;font-size:15pt}.profile-details h1,.profile-details h3,.profile-details p{animation:fadeInLine 1s ease forwards;margin:.5rem 0;opacity:0}.profile-details h1{animation-delay:.3s}.profile-details h3{animation-delay:.6s}.profile-details p{animation-delay:.9s}.profile-details{flex:1 1}.dotted-line{border:none;border-top:2px dotted #bb86fc80;margin:2rem 0}.section-bottom{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.links-list{display:flex;flex:1 1;flex-direction:column;gap:1rem}.link-item{align-items:center;background:#2a0040;border-radius:12px;color:#f0e6ff;display:flex;gap:.6rem;min-width:140px;padding:.7rem 1rem;text-decoration:none;transition:background .3s ease}.link-item:hover{background:#3a0060}.share-button{align-items:center;background:#6200ee;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem 2rem;transition:background .3s ease}.share-button:hover{background:#7f39fb}.share-popup{animation:popIn .3s ease-in-out;background:#1c0030;border:2px solid #bb86fc;border-radius:15px;margin-top:1rem;padding:1.5rem;position:relative}.share-popup h3{margin-bottom:1rem;margin-top:0}.share-popup button{align-items:center;background:#3700b3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:.5rem;padding:.6rem 1rem}.share-popup button:hover{background:#6200ee}.close-popup{background:none;border:none;color:#fff;cursor:pointer;font-size:1.2rem;position:absolute;right:8px;top:8px}.footer{align-items:center;background-color:#1a1a2e;color:#ccc;display:flex;flex-wrap:wrap;font-size:.95rem;justify-content:center;margin-top:3.3rem;padding:2px;width:100%}.footer .logo img{height:70px;vertical-align:middle;width:auto}.footer a,b{color:#bb86fc;font-weight:500;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#93f}.footer span{margin:0 8px;white-space:nowrap}@media (max-width:768px){.profile-container{padding-left:2rem;padding-right:2rem}.footer{min-width:100vw}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLine{to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.43a50461.css.map*/