:root{--primary:#00d9ff;--secondary:#7c3aed;--primary-glow:#00d9ff66;--dark:#f9fafb;--text:#94a3b8;--bg:#0b1120;--bg-alt:#111827;--white:#111827;--border:#ffffff1a;--glass:#0b1120cc;--font-main:"Inter", system-ui, sans-serif;--container-width:1100px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg);color:var(--text);line-height:1.6;animation:.6s forwards pageFadeIn;overflow-x:hidden}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}#cursor-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#0ea5e90f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;transition:left .15s,top .15s;position:fixed;transform:translate(-50%,-50%)}.nav-links a.active-nav{color:var(--primary)!important}.nav-links a.active-nav:after{width:100%!important}h1,h2,h3,h4{color:var(--dark);font-weight:700}a{text-decoration:none;transition:all .3s}ul{list-style:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.btn{cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 4px 14px var(--primary-glow);position:relative;overflow:hidden}.btn-primary:after{content:"";opacity:0;background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)}.btn-primary:hover:after{opacity:1;top:100%;left:100%}.btn-secondary{background-color:var(--white);color:var(--dark);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}header{z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);width:100%;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0}.scroll-progress{background:linear-gradient(to right, var(--primary), var(--secondary));width:0%;height:3px;transition:width .1s;position:absolute;bottom:-1px;left:0}header nav{justify-content:space-between;align-items:center;display:flex}.logo a{color:var(--dark);font-size:1.5rem;font-weight:800}.logo span{color:var(--primary)}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--dark);font-size:.95rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.mobile-toggle{color:var(--dark);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}#hero{align-items:center;min-height:90vh;padding:180px 0 120px;display:flex;position:relative;overflow:hidden}.grid-background{background-image:radial-gradient(var(--border) 1px, transparent 1px);z-index:-1;background-size:40px 40px;width:100%;height:100%;animation:20s linear infinite backgroundMove;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:40px 40px}}.status-badge{color:#4ade80;background:#22c55e26;border-radius:20px;align-items:center;margin-bottom:24px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status-badge .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.intro-name{color:var(--primary);margin-bottom:12px;font-size:1.2rem;font-weight:600;display:block}.hero-content{text-align:left;justify-content:space-between;align-items:center;gap:60px;display:flex}.hero-text{flex:1}.hero-image{opacity:0;flex:1;justify-content:center;animation:1s ease-out forwards heroReveal;display:flex;position:relative;transform:translateY(-20px)}@keyframes heroReveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(-20px)}}.hero-image:after{content:"";background:linear-gradient(135deg, var(--primary), var(--secondary));filter:blur(120px);opacity:.4;z-index:-1;border-radius:50%;width:300px;height:300px;animation:6s infinite alternate pulseGlow;position:absolute}@keyframes pulseGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}.image-wrapper{border:8px solid var(--white);width:380px;height:480px;transition:var(--transition);border-radius:24px;animation:6s ease-in-out infinite imageFloat;position:relative;overflow:hidden;box-shadow:0 25px 50px #00000026}@keyframes imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.image-wrapper:hover{transform:rotate(0)scale(1.02)}.image-wrapper img{object-fit:cover;width:100%;height:100%}#hero h1{letter-spacing:-.03em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.subtitle{max-width:600px;margin:0 0 40px;font-size:1.1rem}.hero-btns{justify-content:flex-start;gap:16px;margin-bottom:60px;display:flex}.stats{justify-content:flex-start;gap:40px;margin-top:20px;display:flex}.stat-item{border-left:2px solid var(--border);flex-direction:column;padding-left:20px;display:flex}.stat-item .count{color:var(--dark);margin-bottom:-5px;font-size:1.8rem;font-weight:800}.stat-item .label{color:var(--text);font-size:.9rem}.floating-icons i{z-index:0;opacity:.12;filter:blur(.5px);font-size:2rem;animation:6s ease-in-out infinite float;position:absolute}.icon-1{color:#0ea5e9;font-size:2.5rem;animation-delay:0s;top:20%;left:8%}.icon-2{color:#6366f1;font-size:2rem;animation-delay:1.2s;top:65%;left:12%}.icon-3{color:#10b981;font-size:1.8rem;animation-delay:2s;top:12%;right:12%}.icon-4{color:#f59e0b;font-size:2.2rem;animation-delay:3s;top:72%;right:8%}.icon-5{color:#0ea5e9;font-size:1.6rem;animation-delay:.8s;top:38%;left:48%}@keyframes float{0%{opacity:.12;transform:translateY(0)rotate(0)}33%{opacity:.18;transform:translateY(-18px)rotate(8deg)}66%{opacity:.1;transform:translateY(-8px)rotate(-5deg)}to{opacity:.12;transform:translateY(0)rotate(0)}}.project-card,.skills-category,.about-card{opacity:0;transition:all .6s ease-out;transform:translateY(30px)}.project-card.revealed,.skills-category.revealed,.about-card.revealed{opacity:1;transform:translateY(0)}.section-header .tag{opacity:0;transition:all .6s ease-out;transform:translateY(10px)}.section-header h2{opacity:0;transition:all .6s ease-out .2s;transform:translateY(20px)}.revealed .section-header .tag,.revealed .section-header h2{opacity:1;transform:translateY(0)}.section-header{text-align:center;margin-bottom:60px}.tag{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:.8rem;font-weight:700;display:inline-block}.section-header h2{max-width:600px;margin:0 auto;font-size:2.5rem}.bg-alt{background-color:var(--bg-alt);padding:100px 0}#about{padding:100px 0}.about-grid{grid-template-columns:1.5fr 1fr;gap:60px;display:grid}.about-text p{margin-bottom:20px;font-size:1.1rem}.about-cards{flex-direction:column;gap:24px;display:flex}.about-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:24px;transition:all .3s}.about-card:hover{border-color:var(--primary);transform:translate(10px);box-shadow:0 15px 30px #00d9ff26}.about-card:hover i{transform:scale(1.15)rotate(5deg)}.about-card i{color:var(--primary);transition:var(--transition);margin-bottom:16px;font-size:1.5rem}.about-card h3{margin-bottom:8px;font-size:1.2rem}.about-content-wrapper{z-index:1;flex-direction:column;gap:40px;display:flex;position:relative}.glass-panel{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 25px 50px #0003}.glow-circle{z-index:-1;background:radial-gradient(circle,#8b5cf666 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:8s ease-in-out infinite alternate pulseGlow;position:absolute;top:-50px;right:-50px}.lead-text{color:var(--dark);margin-bottom:20px;font-size:1.3rem}.about-text-box p:not(.lead-text){color:var(--text);margin-bottom:16px;font-size:1.05rem}.about-services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;display:grid}.gradient-border{background:linear-gradient(var(--white), var(--white)) padding-box, linear-gradient(135deg, var(--primary), var(--secondary)) border-box;transition:var(--transition);border:2px solid #0000;border-radius:20px;padding:30px;position:relative;overflow:hidden}.gradient-border:before{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);position:absolute;inset:0}.gradient-border:hover{transform:translateY(-10px);box-shadow:0 20px 40px #8b5cf633}.gradient-border:hover:before{opacity:1}.card-content{z-index:1;position:relative}.card-content i{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;transition:var(--transition);-webkit-background-clip:text;margin-bottom:20px;font-size:2.2rem;display:inline-block}.gradient-border:hover .card-content i{transform:scale(1.15)rotate(5deg)}.card-content h3{color:var(--dark);margin-bottom:12px;font-size:1.3rem}.card-content p{color:var(--text);font-size:.95rem}.timeline{max-width:1000px;margin:0 auto;padding:40px 0;position:relative}.timeline:before{content:"";background:var(--border);width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{opacity:0;width:50%;margin-bottom:60px;transition:all .6s ease-out;position:relative;transform:translateY(30px)}.timeline-item.revealed{opacity:1;transform:translateY(0)}.timeline-item.left{text-align:right;padding-right:50px;left:0}.timeline-item.right{padding-left:50px;left:50%}.timeline-dot{background:var(--primary);border:4px solid var(--white);z-index:2;width:20px;height:20px;box-shadow:0 0 0 0 var(--primary-glow);border-radius:50%;animation:2.5s ease-in-out infinite dotPulse;position:absolute;top:5px;left:100%;transform:translate(-50%)}@keyframes dotPulse{0%{box-shadow:0 0 #0ea5e966}70%{box-shadow:0 0 0 10px #0ea5e900}to{box-shadow:0 0 #0ea5e900}}.timeline-item.right .timeline-dot{left:0}.timeline-content{background:var(--white);border:1px solid var(--border);transition:var(--transition);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000008}.timeline-content:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 16px 40px #0ea5e91a}.timeline-header{flex-direction:column;margin-bottom:16px;display:flex}.timeline-item.left .timeline-header{align-items:flex-end}.timeline-header h3{margin-bottom:4px;font-size:1.3rem}.timeline-header .company{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.timeline-header .date{background:var(--bg);border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.timeline-content ul{padding:0;list-style:none}.timeline-item.left .timeline-content ul{padding-right:0}.timeline-content ul li{margin-bottom:10px;font-size:.95rem;position:relative}.timeline-item.right .timeline-content ul li{padding-left:20px}.timeline-item.left .timeline-content ul li{padding-right:20px}.timeline-item.right .timeline-content ul li:before{content:"→";color:var(--primary);position:absolute;left:0}.timeline-item.left .timeline-content ul li:after{content:"←";color:var(--primary);position:absolute;right:0}@media (width<=768px){.timeline:before{left:20px}.timeline-item{width:100%;text-align:left!important;padding-left:50px!important;padding-right:0!important}.timeline-item.left,.timeline-item.right{left:0}.timeline-dot{left:20px!important}.timeline-item.left .timeline-header{align-items:flex-start}.timeline-item.left .timeline-content ul li:after{display:none}.timeline-item.left .timeline-content ul li{padding-left:20px;padding-right:0}.timeline-item.left .timeline-content ul li:before{content:"→";color:var(--primary);position:absolute;left:0}}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.project-card{background:var(--white);border:1px solid var(--border);transition:var(--transition);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #00000005}.project-card:hover{border-color:var(--primary);transform:translateY(-12px);box-shadow:0 20px 50px #0ea5e91a}.project-img{background:#e2e8f0;justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.project-card:hover .project-img img{transform:scale(1.1)}.placeholder-img{color:var(--text);opacity:.5;font-size:1.5rem;font-weight:800}.project-info{padding:24px}.project-info h3{margin-bottom:12px}.tech-tags{flex-wrap:wrap;gap:8px;display:flex}.diagrams-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px;display:grid}.diagram-card{background:var(--white);border:1px solid var(--border);cursor:pointer;transition:var(--transition);opacity:0;border-radius:20px;overflow:hidden;transform:translateY(30px);box-shadow:0 4px 20px #00000008}.diagram-card.revealed{opacity:1;transform:translateY(0)}.diagram-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 20px 50px #0ea5e91f}.diagram-img{background:#0f172a;height:210px;position:relative;overflow:hidden}.diagram-img img{object-fit:cover;object-position:top;width:100%;height:100%;transition:var(--transition)}.diagram-card:hover .diagram-img img{transform:scale(1.05)}.diagram-overlay{opacity:0;transition:var(--transition);color:#fff;background:#0ea5e94d;justify-content:center;align-items:center;font-size:2rem;display:flex;position:absolute;inset:0}.diagram-card:hover .diagram-overlay{opacity:1}.diagram-info{padding:20px 24px 24px}.diagram-info h3{margin:8px 0;font-size:1.1rem}.diagram-info p{font-size:.9rem;line-height:1.6}.diagram-type{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-block}.diagram-type.arch{color:#1d4ed8;background:#eff6ff}.diagram-type.seq{color:#166534;background:#f0fdf4}.diagram-type.act{color:#c2410c;background:#fff7ed}#lightbox{z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.3s fadeIn;display:none;position:fixed;inset:0}#lightbox.open{display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-inner{flex-direction:column;align-items:center;gap:16px;max-width:90vw;max-height:90vh;display:flex;position:relative}#lightbox-img{border-radius:12px;max-width:100%;max-height:80vh;animation:.3s scaleIn;box-shadow:0 30px 80px #00000080}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#lightbox-caption{color:#fffc;text-align:center;font-size:1rem;font-weight:600}.lightbox-close{color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:-50px;right:0}.lightbox-close:hover{background:var(--primary)}#skills{padding:100px 0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.skills-category{background:var(--white);border:1px solid var(--border);transition:var(--transition);border-radius:20px;padding:30px;box-shadow:0 4px 20px #00000008}.skills-category:hover{border-color:var(--primary);transform:translateY(-6px);box-shadow:0 16px 40px #0ea5e914}.skills-cat-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.skills-cat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex;box-shadow:0 4px 12px #00000026}.skills-cat-header h3{margin:0;font-size:1.15rem}.skill-pills{flex-wrap:wrap;gap:10px;display:flex}.skill-pill{border:1px solid var(--border);color:var(--dark);transition:var(--transition);background:#f8fafc;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.skill-pill i{color:var(--primary);font-size:.8rem}.skill-pill:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.contact-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:120px 0;position:relative;overflow:hidden}.contact-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:-200px}.contact-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-100px;right:-100px}.contact-wrapper{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.contact-left .tag{color:#38bdf8}.contact-left h2{color:#fff;margin:16px 0 20px;font-size:2.8rem;line-height:1.15}.contact-left h2 .highlight{color:var(--primary)}.contact-left p{color:#ffffffa6;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.contact-badges{flex-wrap:wrap;gap:12px;display:flex}.contact-badges span{color:#fffc;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.contact-badges span i{color:#22c55e}.contact-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:8px}.contact-item{transition:var(--transition);cursor:pointer;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;text-decoration:none;display:flex}.contact-item:hover{background:#ffffff14}.contact-item.no-link{cursor:default}.contact-item-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;display:flex}.contact-item-icon.email{color:#38bdf8;background:#0ea5e933}.contact-item-icon.linkedin{color:#60a5fa;background:#0a66c233}.contact-item-icon.github{color:#e2e8f0;background:#ffffff1a}.contact-item-icon.location{color:#f87171;background:#ef444426}.contact-item-text{flex-direction:column;flex:1;gap:2px;display:flex}.contact-label{color:#fff6;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.contact-value{color:#ffffffd9;font-size:.95rem;font-weight:500}.contact-arrow{color:#fff3;transition:var(--transition);font-size:.85rem}.contact-item:hover .contact-arrow{color:var(--primary);transform:translate(4px)}@media (width<=768px){.contact-wrapper{grid-template-columns:1fr;gap:40px}.contact-left h2{font-size:2rem}}footer{border-top:1px solid var(--border);padding:40px 0}.footer-bottom{justify-content:space-between;align-items:center;display:flex}.social-footer{gap:20px;display:flex}.social-footer a{color:var(--text);font-size:1.2rem}.social-footer a:hover{color:var(--primary)}#back-to-top{z-index:999;cursor:pointer;width:50px;height:50px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:none;position:fixed;bottom:30px;right:30px}.preloader{z-index:10000;color:#fff;background:#0f172a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-content{text-align:center;width:280px}.preloader-logo{letter-spacing:-.02em;margin-bottom:20px;font-size:2rem;font-weight:800}.preloader-logo span{color:var(--primary)}.preloader-bar{background:#ffffff1a;border-radius:4px;width:100%;height:3px;overflow:hidden}.preloader-progress{background:var(--primary);width:0%;height:100%;animation:2s ease-in-out forwards preloaderAnim}@keyframes preloaderAnim{0%{width:0%}50%{width:70%}to{width:100%}}@media (width<=768px){#hero{text-align:center;padding:120px 0 60px}.hero-content{text-align:center;flex-direction:column-reverse;gap:40px}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-btns{justify-content:center;width:100%}.stats{flex-flow:wrap;justify-content:center;gap:20px}.stat-item{border-left:none;align-items:center;padding-left:0}.image-wrapper{width:280px;height:350px}#hero h1{font-size:2.2rem}.nav-links{display:none}.nav-links.mobile-show{z-index:999;background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;width:100%;padding:20px;position:absolute;top:100%;left:0;display:flex!important}.mobile-toggle{display:block}.about-grid{text-align:center;grid-template-columns:1fr}.about-cards{width:100%}.timeline-header{flex-direction:column;align-items:flex-start;gap:10px}}.about-card{align-items:flex-start;gap:20px;display:flex}.about-card i{margin-bottom:0}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin-top:40px;display:grid}.service-card{background:var(--white);border:1px solid var(--border);transition:var(--transition);border-radius:12px;flex-direction:column;padding:35px 30px;display:flex}.service-card:hover{border-color:var(--primary);transform:translateY(-12px)scale(1.02);box-shadow:0 20px 40px #00d9ff33,0 0 15px #7c3aed33}.service-icon{background:#00d9ff1a;border:1px solid #00d9ff33;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.service-card:hover .service-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));border-color:#0000;transform:rotate(10deg)scale(1.1);box-shadow:0 10px 20px #00d9ff4d}.service-icon i{color:var(--primary);transition:var(--transition);font-size:1.8rem}.service-card:hover .service-icon i{color:#fff;transform:scale(1.1)}.service-card h3{margin-bottom:16px;font-size:1.3rem}.service-card ul{flex-direction:column;gap:12px;display:flex}.service-card ul li{color:var(--text);padding-left:18px;font-size:.95rem;line-height:1.6;position:relative}.service-card ul li:before{content:"";background-color:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;position:absolute;top:9px;left:0}.tech-tags span:hover{background:#00d9ff33;border-color:#00d9ffcc;transform:translateY(-2px);box-shadow:0 0 20px #00d9ff66}@media (width>=1024px){.services-grid{grid-template-columns:repeat(3,1fr)}.span-full{grid-column:1/-1}.span-full ul{grid-template-columns:repeat(3,1fr);gap:15px;display:grid!important}}