.skill-grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding:40px 10px;margin-top:30px}.skill-item-grid{background-color:#14141966;border:1px solid #4e545a;border-radius:6px;padding:25px 15px;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.skill-item-grid:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.8),transparent);transform:translateY(-10px);opacity:0;transition:transform .4s ease-out,opacity .4s ease-out;animation:scanline 2s linear infinite paused}@keyframes scanline{0%{transform:translateY(-10px);opacity:0}25%{transform:translateY(30%);opacity:.7}50%{transform:translateY(70%);opacity:.7}75%{transform:translateY(110%);opacity:0}to{transform:translateY(110%);opacity:0}}.skill-item-grid:hover{transform:translateY(-5px);border-color:#00e5ff;box-shadow:0 5px 20px #00e5ff33;background-color:#1e1e2899}.skill-item-grid:hover:after{animation-play-state:running}.skill-item-grid i{font-size:3em;color:#b3b3b3;margin-bottom:15px;transition:color .3s ease,transform .3s ease}.skill-item-grid:hover i{color:#00e5ff;transform:scale(1.1)}.skill-item-grid span{font-family:Roboto Mono,monospace;font-size:.95em;color:#b3b3b3;margin-top:auto;transition:color .3s ease}.skill-item-grid:hover span{color:#fff}body:not(.dark) .skill-item-grid{background-color:#f0f0f599;border-color:#ccc;color:#333}body:not(.dark) .skill-item-grid i{color:#555}body:not(.dark) .skill-item-grid span{color:#333}body:not(.dark) .skill-item-grid:hover{border-color:#00b8d4;box-shadow:0 5px 20px #00b8d433;background-color:#dcf5ffb3}body:not(.dark) .skill-item-grid:hover i{color:#00b8d4}body:not(.dark) .skill-item-grid:hover span{color:#000}body:not(.dark) .skill-item-grid:after{background:linear-gradient(90deg,transparent,rgba(0,184,212,.8),transparent)}@media (max-width: 480px){.skill-grid-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px}.skill-item-grid{padding:20px 10px;min-height:120px}.skill-item-grid i{font-size:2.5em}.skill-item-grid span{font-size:.85em}}body.dark{--skills-text-primary: #ccc;--skills-text-secondary: #999;--skills-accent-color: #b3b3b3;--skills-background-secondary: rgba(255, 255, 255, .05);--skills-border-primary: rgba(255, 255, 255, .1);--skills-border-accent: rgba(255, 255, 255, .3);--skills-hover-background-accent: rgba(255, 255, 255, .1);--skills-shadow-accent: rgba(255, 255, 255, .15)}body:not(.dark){--skills-text-primary: #000;--skills-text-secondary: #555;--skills-accent-color: #000;--skills-background-secondary: rgba(0, 0, 0, .03);--skills-border-primary: rgba(0, 0, 0, .1);--skills-border-accent: rgba(0, 0, 0, .4);--skills-hover-background-accent: rgba(0, 0, 0, .08);--skills-shadow-accent: rgba(0, 0, 0, .15)}.skills{margin-top:80px;margin-bottom:80px;position:relative;color:var(--skills-text-primary)}.skills .stripes{padding:2rem 5%;display:flex;flex-direction:column;gap:3rem}.skills .skill-list-alt,.skills .skill-item-alt,.experience .skill-list-alt,.experience .skill-item-alt{pointer-events:auto}.skill-group{border-left:1px solid rgba(0,0,0,.2);padding-left:1.5rem;position:relative}.skill-group-title{font-family:Roboto Mono,monospace;font-size:1.5rem;color:var(--skills-text-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;position:relative;font-weight:300}.skill-group-title:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:2px;background:var(--skills-accent-color);transition:width .3s ease-in-out}.skill-group:hover .skill-group-title:after{width:100px}.skill-list-alt{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:1rem}.skill-item-alt{font-family:Roboto Mono,monospace;font-size:.85rem;color:var(--skills-text-secondary);background-color:var(--skills-background-secondary);padding:.75rem 1.25rem;border-radius:5px;border:1px solid var(--skills-border-primary);display:flex;align-items:center;gap:.75rem;transition:all .3s ease;position:relative;overflow:hidden}.skill-item-alt:hover{color:var(--skills-text-primary);background-color:var(--skills-hover-background-accent);border-color:var(--skills-border-accent);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 18px var(--skills-shadow-accent)}.skill-icon-alt{font-size:1.3rem;color:var(--skills-accent-color);transition:transform .3s ease}.skill-item-alt:hover .skill-icon-alt{transform:scale(1.15) rotate(-3deg)}.skill-item-alt:after{content:"";position:absolute;top:0;left:-120%;width:45%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.skill-item-alt:hover:after{left:120%}@media (max-width: 768px){.skills{margin-top:40px;margin-bottom:40px}.skills .stripes{padding:1rem 3%;gap:1.5rem}.skill-group-title{font-size:1.1rem;margin-bottom:.8rem;text-align:center;font-weight:300;letter-spacing:1.5px}.skill-group-title:after{opacity:.4;height:1px}.skill-list-alt{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:.5rem;padding:.5rem 0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.skill-list-alt::-webkit-scrollbar{display:none}.skill-item-alt{flex:0 0 auto;width:40px;height:40px;padding:0;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;background:var(--skills-background-secondary);border:1px solid var(--skills-border-primary);font-size:0;transition:all .3s ease}.skill-icon-alt{font-size:1.1rem;color:var(--skills-accent-color);margin:0;transition:all .3s ease}.skill-item-alt:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px var(--skills-shadow-accent);border-color:var(--skills-border-accent)}.skill-item-alt:hover .skill-icon-alt{transform:scale(1.1)}.skill-item-alt:before{content:attr(title);position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:rgba(0,0,0,.9);color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-family:Roboto Mono,monospace;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.skill-item-alt:after{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border:3px solid transparent;border-top-color:#000000e6;opacity:0;transition:opacity .3s ease;z-index:10}.skill-item-alt:hover:before,.skill-item-alt:hover:after{opacity:1}body.dark .skill-item-alt:before{background:rgba(255,255,255,.95);color:#000}body.dark .skill-item-alt:after{border-top-color:#fffffff2}.skill-group{border-left:1px solid rgba(0,0,0,.2);padding-left:1rem;margin-bottom:1.5rem;position:relative}.skill-group:after{content:"SLIDE →";display:block;text-align:center;color:var(--skills-text-secondary);font-size:9px;font-family:Roboto Mono,monospace;opacity:.5;margin-top:8px;text-transform:uppercase;letter-spacing:.5px;animation:pulse 2s ease-in-out infinite}body.dark .skill-group{border-left:1px solid rgba(255,255,255,.2)}.skill-group:last-child{margin-bottom:0}.skill-list-alt:after{display:none}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.skill-item-alt{animation:none}}@media (max-width: 480px){.skills{margin-top:30px;margin-bottom:30px}.skills .stripes{gap:1rem;padding:.8rem 3%}.skill-item-alt{width:35px;height:35px}.skill-icon-alt{font-size:1rem}.skill-group-title{font-size:1rem;margin-bottom:.6rem;font-weight:300;letter-spacing:1px}.skill-group-title:after{opacity:.3;height:1px}.skill-group{margin-bottom:1rem;padding-left:.8rem;border-left:1px solid rgba(0,0,0,.15)}.skill-item-alt:before{font-size:9px;padding:3px 6px}body.dark .skill-group{border-left:1px solid rgba(255,255,255,.15)}}body:not(.dark) .skill-group-title{color:#000!important}body:not(.dark) .skill-item-alt{color:#555!important;background-color:#00000008!important}body:not(.dark) .skill-icon-alt{color:#000!important}body.dark .skill-group-title{color:#ccc!important}body.dark .skill-item-alt{color:#999!important;background-color:#ffffff0d!important}body.dark .skill-icon-alt{color:#b3b3b3!important}