*{margin:0;padding:0;box-sizing:border-box}.tech-stack-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;color:#333;padding:30px 20px;outline:none;border:none}.header{display:flex;justify-content:center;align-items:flex-start;gap:40px;margin-bottom:30px;z-index:100;width:100%;flex-wrap:wrap;flex-direction:row-reverse}.header h1{font-size:27px;font-weight:700;color:#8b1538;margin-bottom:8px;word-wrap:break-word}.header p{font-size:14px;color:#555}.orbit-container{position:relative;width:100%;max-width:400px;height:400px;margin:30px auto}.core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:linear-gradient(135deg,#8b1538,#6b0f2a);border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 20px rgba(139,21,56,.4);z-index:10;animation:pulse 3s ease-in-out infinite;border:3px solid #fff}.core-text{font-size:11px;font-weight:700;line-height:1.2;color:#fff}.core-text small{font-size:8px;display:block;margin-top:2px}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 8px 20px rgba(139,21,56,.4)}50%{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 8px 25px rgba(139,21,56,.6)}}.orbit{position:absolute;top:50%;left:50%;border:1px solid rgba(139,21,56,.15);border-radius:50%;transform:translate(-50%,-50%)}.orbit-1{width:180px;height:180px;animation:rotate 35s linear infinite}.orbit-2{width:240px;height:240px;animation:rotate 50s linear infinite reverse}.orbit-3{width:320px;height:320px;animation:rotate 70s linear infinite}.orbit-4{width:400px;height:400px;animation:rotate 90s linear infinite reverse;display:none}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.tech-item{position:absolute;background:#fff;border:1.5px solid #8b1538;border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;white-space:nowrap;transition:all .3s ease;cursor:pointer;animation:float 3s ease-in-out infinite;z-index:1;box-shadow:0 2px 8px rgba(139,21,56,.15)}.tech-item:hover{background:#8b1538;color:#fff;transform:scale(1.1)!important;box-shadow:0 4px 15px rgba(139,21,56,.4);z-index:1000}.tech-item .icon{font-size:14px}.ring-1 .tech-item{color:#2c2c2c;border-color:#a91d3a}.ring-1 .tech-item:hover{background:#a91d3a}.ring-2 .tech-item{color:#555;border-color:#8b1538}.ring-2 .tech-item:hover{background:#8b1538}.ring-3 .tech-item{color:#2c2c2c;border-color:#6b0f2a;font-weight:700}.ring-3 .tech-item:hover{background:#6b0f2a}.ring-4 .tech-item{color:#666;border-color:#c53030;padding:5px 8px;font-size:10px;border-width:1px}.ring-4 .tech-item:hover{background:#c53030}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.controls{position:static;background:#fff;border-radius:12px;padding:12px;border:2px solid #8b1538;box-shadow:0 4px 12px rgba(139,21,56,.15);margin-bottom:20px}.control-btn{background:#8b1538;border:none;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s;width:100%}.control-btn:hover{background:#6b0f2a;transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,21,56,.3)}.legend{position:static;background:#fff;border-radius:6px;padding:15px;border:2px solid #8b1538;box-shadow:0 4px 12px rgba(139,21,56,.15);width:100%;max-width:500px;margin:0 auto 20px}.legend h3{color:#8b1538;font-size:14px;margin-bottom:10px;font-weight:700}.legend-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;color:#333}.legend-color{width:16px;height:16px;border-radius:3px;border:1px solid #ddd}@media (min-width:768px){.tech-stack-page{padding:40px 30px}.header h1{font-size:40px;margin-bottom:12px}.header p{font-size:16px}.orbit-container{max-width:700px;height:700px;margin:50px auto}.core{width:160px;height:160px;border:4px solid #fff}.core-text{font-size:16px}.core-text small{font-size:11px}.orbit-1{width:350px;height:350px}.orbit-2{width:480px;height:480px}.orbit-3{width:650px;height:650px}.orbit-4{display:block;width:810px;height:810px}.tech-item{padding:8px 14px;font-size:13px;border-width:2px;border-radius:8px}.tech-item .icon{font-size:16px}.ring-4 .tech-item{padding:6px 12px;font-size:11px;border-width:1.5px}.controls{position:fixed;bottom:30px;right:30px;width:auto;padding:15px}.control-btn{width:auto;padding:10px 20px;font-size:14px}.legend{position:fixed;bottom:30px;left:30px;width:auto;max-width:250px}.legend h3{font-size:16px}.legend-item{font-size:13px;margin-bottom:10px}.legend-color{width:18px;height:18px}}@media (min-width:1024px){.tech-stack-page{padding:50px 20px}.header h1{font-size:48px}.header p{font-size:18px}.orbit-container{max-width:1200px;height:1200px;margin:50px auto}.core{width:220px;height:220px}.core-text{font-size:22px}.orbit-1{width:450px;height:450px}.orbit-2{width:650px;height:650px}.orbit-3{width:900px;height:900px}.orbit-4{width:1150px;height:1150px}.tech-item{padding:10px 16px;font-size:14px;border-width:2px}.tech-item .icon{font-size:18px}.tech-item:hover{transform:scale(1.15)!important}.ring-4 .tech-item{padding:8px 12px;font-size:12px;border-width:1.5px}}