@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600&display=swap";*{padding:0;margin:0;box-sizing:border-box}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#889ca548}::-webkit-scrollbar-thumb{background:#74d5ffa0;border-radius:5px}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;height:100%;font-family:Orbitron,sans-serif;background:linear-gradient(135deg,#0f172a,#071224);color:#cbd5e1;overflow-x:hidden}.header{text-align:center;padding-top:50px;color:#38bdf8;text-shadow:0 0 8px rgba(56,189,248,.8);animation:fadeInDown 1s ease forwards}.header img{max-width:450px;width:100%;filter:drop-shadow(0 0 6px #38bdf8)}.header h1{margin:0 0 10px;font-size:32px;font-weight:600}.header p{font-weight:400;margin-bottom:30px;font-size:18px;color:#a5b4fc;text-shadow:0 0 4px #a5b4fc88}#white-tech-particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.tabs{display:none;flex-wrap:wrap;justify-content:center;margin:40px auto;width:fit-content;padding-bottom:10px}.tabs div{display:flex}.tab-btn{padding:14px 32px;font-size:18px;background:none;border:none;border-bottom:3px solid gray;border-bottom:2px solid #334155;color:#94a3b8;cursor:pointer;font-weight:600;transition:all .3s ease;text-transform:uppercase}.tab-btn:hover{color:#38bdf8}.tab-btn.active{color:#38bdf8;border-bottom:3px solid #38bdf8}.content{padding:20px 100px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;gap:50px;position:relative;z-index:1;max-width:1200px;margin:0 auto;grid-auto-rows:1fr}.link-box{border:3px solid #38bff8a9;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(145deg,#13283d,#0a1b2b);font-size:18px;font-weight:600;text-decoration:none;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;box-shadow:0 0 12px #0bc3ff88,inset 0 0 6px #1e40af99;color:#f6f9fa;transition:transform .3s ease,box-shadow .3s ease,color .3s ease}.link-box span{font-weight:700;text-shadow:0 0 15px #88e1ff}.link-box:before{content:"";position:absolute;top:0;left:-70%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#ffffff1f,#fff0);filter:blur(5px);animation:shimmer 3s linear infinite;pointer-events:none;z-index:1;mix-blend-mode:screen}.link-box:hover{color:#74d5ff;box-shadow:0 0 18px #0bc3ffcc,0 0 10px #38bdf8cc,inset 0 0 10px #1e40afcc;transform:scale(1.05);z-index:10;border:3px solid #38bff8}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in-up.visible{opacity:1;transform:translateY(0)}@keyframes shimmer{0%{left:-70%}to{left:120%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.header h1{font-size:28px}.header p{font-size:16px}.link-box{width:90%;height:70px;font-size:18px}.tab-btn{font-size:14px}}@media (max-width: 480px){.header h1{font-size:24px}.header p{font-size:14px}.link-box{width:100%;height:60px;font-size:16px}.tab-btn{padding:10px 20px;font-size:14px}}.content2{margin:60px auto 0;width:100%;max-width:1100px;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding-inline:40px;padding-bottom:40px}.content2 button{display:block;width:calc((100% - 40px * 2) / 3);min-height:70px;border-radius:8px}@media (max-width: 1050px){.content2{gap:35px}.content2 button{width:calc((100% - 35px)/2);min-height:70px;font-size:18px}}@media (max-width: 725px){.content2{padding-inline:30px;gap:30px}.content2 button{width:calc((100% - 30px)/2);font-size:16px;min-height:50px}}@media (max-width: 620px){.content2{gap:20px}.content2 button{font-size:14px;width:calc((100% - 20px)/2)}}@media (max-width: 590px){.header,.content2{padding-inline:60px}.header h1{font-size:28px;margin-bottom:5px;margin-top:10px}.header p{margin-bottom:10px}.content2{gap:20px;margin-top:40px}.content2 button{width:100%;min-height:50px}}@media (max-width: 480px){.header,.content2{padding-inline:40px}.header h1{font-size:20px;margin-bottom:5px;margin-top:10px}.content2{gap:15px;margin-top:50px}.content2 button{width:100%;min-height:50px}}@media (min-height: 750px){#root:has(.content2){height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#root:has(.content2) .header{margin-top:0;padding-top:0}#root:has(.content2) main{padding-bottom:40px}}