*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #00a8ff;--accent-color: #ff4d4d;--dark-color: #05111e;--darker-color: #02080e;--light-color: #e0f7ff;--text-color: #f0f0f0;--dim-text-color: #a0a0a0;--border-radius: 6px;--border-radius-lg: 12px;--border-radius-sm: 3px;--box-shadow: 0 0 15px rgba(0, 168, 255, .2);--box-shadow-hover: 0 0 25px rgba(0, 168, 255, .4);--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .3s cubic-bezier(.25, .46, .45, .94);--transition-slow: .5s cubic-bezier(.25, .46, .45, .94)}body{font-family:Roboto,Segoe UI,Arial,sans-serif;background-color:var(--dark-color);color:var(--text-color);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--darker-color)}::-webkit-scrollbar-thumb{background:#00a8ff80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00a8ffb3}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:16px;background-color:#051423cc;color:var(--text-color);border:1px solid rgba(0,168,255,.3);padding:10px 15px;border-radius:var(--border-radius);transition:var(--transition-normal)}input:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 10px #00a8ff4d}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-color);text-decoration:underline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes glitch{0%,to{transform:translate(0);text-shadow:-1.5px -1.5px 0 rgba(255,0,0,.3),1.5px 1.5px 0 rgba(0,255,255,.3)}25%{transform:translate(-1px,1px);text-shadow:1.5px 1.5px 0 rgba(255,0,0,.3),-1.5px -1.5px 0 rgba(0,255,255,.3)}50%{transform:translate(1px,-1px);text-shadow:-1.5px 1.5px 0 rgba(255,0,0,.3),1.5px -1.5px 0 rgba(0,255,255,.3)}75%{transform:translate(-1px,-1px);text-shadow:1.5px -1.5px 0 rgba(255,0,0,.3),-1.5px 1.5px 0 rgba(0,255,255,.3)}}.tech-box{background-color:#051423b3;border:1px solid rgba(0,168,255,.3);border-radius:var(--border-radius);box-shadow:var(--box-shadow);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;transition:var(--transition-normal)}.tech-box:hover{border-color:#00a8ff80;box-shadow:var(--box-shadow-hover)}.tech-text{color:var(--primary-color);text-shadow:0 0 5px rgba(0,168,255,.5)}.tech-container{background-color:var(--dark-color);background-image:radial-gradient(rgba(0,168,255,.1) 1px,transparent 1px),radial-gradient(rgba(0,168,255,.05) 1px,transparent 1px);background-position:0 0,25px 25px;background-size:50px 50px}@media (max-width: 768px){h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.1rem}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-header{position:absolute;top:15px;right:20px;z-index:100}.logo-container{display:flex;flex-direction:column;align-items:center}.school-logo{width:4rem;height:auto;margin-bottom:5px}.platform-name{font-size:.8rem;font-weight:600;text-align:center;letter-spacing:.05rem;background:#f5f5f5;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 8px rgba(79,172,254,.5);padding:.1rem .3rem;margin-top:.2rem;position:relative;transition:all .3s ease}.platform-name:hover{letter-spacing:.06rem;text-shadow:0 0 12px rgba(79,172,254,.7)}.platform-name:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:1px;background:linear-gradient(to right,#4facfe,#00f2fe);transform:translate(-50%);transition:width .3s ease}.platform-name:hover:after{width:90%}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}