@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;margin:0;padding:0;scroll-padding-top:0}.startup-splash{z-index:999999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0;background-color:#000!important}.startup-splash__text{letter-spacing:8px;gap:25px;font-family:Barlow Condensed,sans-serif;font-size:clamp(3.5rem,12vw,7rem);font-style:italic;font-weight:900;animation:2s ease-in-out infinite pulse-glow-infinite;display:flex}.visca{color:#004d98;text-shadow:0 0 40px #004d98e6}.barca{color:#a50044;text-shadow:0 0 40px #a50044e6}@keyframes pulse-glow-infinite{0%,to{filter:brightness();opacity:1;transform:scale(1)}50%{filter:brightness(1.6);opacity:1;transform:scale(1.05)}}section,.scifi-match-wrapper,.about-me-section,.contact-me-section{scroll-margin-top:20px}#root{width:100%;max-width:none;margin:0;padding:0}html,body{scrollbar-width:none;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;background:#000!important}body{opacity:0;flex-direction:column;min-height:100vh;transition:opacity 1s;display:flex;position:relative}body.loaded{opacity:1;background-color:#000!important;background-image:url(/Img/Stadium-bg.jpg)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}.hero-section{z-index:1;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:1!important;visibility:visible!important;background-image:url(/Img/Home-Main.png)!important}#page-scale{transform-origin:top;width:100%;overflow:visible;transform:scale(.86)}.profile-img{will-change:transform, opacity;width:740px;max-width:100%;height:auto}.stats-container,.info-container{will-change:transform, opacity}.info-container{z-index:10;position:absolute;bottom:25px;left:60px}.name-first,.name-last{letter-spacing:1px;text-transform:uppercase;min-height:.85em;font-family:Barlow Condensed,sans-serif;font-size:5.5rem;font-style:italic;font-weight:900;line-height:.85;position:relative}@keyframes text-glitch-first{0%,19.9%{text-shadow:2px 2px 4px #0000004d;transform:translate(0)}20%,39.9%{text-shadow:-7px 3px #d32f2f,7px -3px #0055a4;color:#0055a4;transform:translate(-3px,2px)}40%,59.9%{text-shadow:7px -2px #d32f2f,-7px 2px #0055a4;color:#d32f2f;transform:translate(3px,-2px)}60%,79.9%{text-shadow:-5px -4px #d32f2f,5px 4px #0055a4;color:#f0f0f0;transform:translate(1px,-1px)}80%,99.9%{text-shadow:6px 2px #d32f2f,-6px -2px #0055a4;color:#0055a4;transform:translate(-2px,3px)}to{text-shadow:2px 2px 4px #0000004d;transform:translate(0)}}@keyframes text-glitch-last{0%,19.9%{text-shadow:2px 2px 4px #0000004d;transform:translate(0)}20%,39.9%{text-shadow:-7px 3px #d32f2f,7px -3px #0055a4;color:#d32f2f;transform:translate(-3px,2px)}40%,59.9%{text-shadow:7px -2px #d32f2f,-7px 2px #0055a4;color:#0055a4;transform:translate(3px,-2px)}60%,79.9%{text-shadow:-5px -4px #d32f2f,5px 4px #0055a4;color:#f0f0f0;transform:translate(1px,-1px)}80%,99.9%{text-shadow:6px 2px #d32f2f,-6px -2px #0055a4;color:#d32f2f;transform:translate(-2px,3px)}to{text-shadow:2px 2px 4px #0000004d;transform:translate(0)}}.name-first{color:#f0f0f0;text-shadow:2px 2px 4px #0000004d}.name-last{color:#dfa400;text-shadow:2px 2px 4px #0000004d}.separator{background:linear-gradient(90deg,#0055a4 30%,#d32f2f 30% 70%,#0055a4 70%);width:220px;height:5px;margin:15px 0;-webkit-mask-image:repeating-linear-gradient(-45deg,#000,#000 2px,#0000 2px 4px);mask-image:repeating-linear-gradient(-45deg,#000,#000 2px,#0000 2px 4px)}.role{color:#d1d5db;letter-spacing:.5px;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;display:flex}.code-icon{color:#dfa400;letter-spacing:-2px;font-family:monospace;font-size:1.2rem;font-weight:700}.typing-cursor{color:#dfa400;margin-left:2px;font-size:.9rem}.social-icons{gap:20px;margin-top:15px;display:flex}.social-icons i{color:#dfa400;cursor:pointer;font-size:1.8rem;transition:transform .2s,filter .2s}.social-icons i:hover{filter:brightness(1.2);transform:scale(1.1)}.stats-container{z-index:10;flex-direction:column;gap:12px;display:flex;position:absolute;top:100px;left:60px}.stat-item{flex-direction:column;display:flex}.stat-top{align-items:flex-start;gap:12px;display:flex}.stat-icon{color:#dfa400;margin-top:4px;font-size:1.3rem}.stat-value{color:#dfa400;letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:2.4rem;font-weight:900;line-height:.8}.stat-label{color:#e5e7eb;letter-spacing:.5px;margin-top:5px;margin-left:32px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;line-height:1.2}.stat-divider{background-color:#d32f2f;width:20px;height:2px;margin-top:10px;margin-bottom:2px;margin-left:32px}.startup-splash{z-index:9999;pointer-events:none;background-color:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.startup-splash__text{letter-spacing:.02em;text-transform:uppercase;font-family:Caveat,cursive,sans-serif;font-size:clamp(3rem,10vw,8rem);font-weight:900;display:inline-flex}.startup-splash__text--red{color:#d32f2f}.startup-splash__text--blue{color:#0055a4}.slot-machine{align-items:center;display:flex}.slot-digit{vertical-align:top;height:.8em;display:inline-flex;position:relative;overflow:hidden}.slot-column{will-change:transform;flex-direction:column;display:flex}.slot-num{justify-content:center;align-items:center;height:.8em;line-height:.8;display:flex}.slot-dash{margin:0 4px}.main-header{z-index:100;justify-content:space-between;align-items:center;width:100%;padding:5px 60px;display:flex;position:absolute;top:0;left:0}.main-header a{color:#dfa400;letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:600;text-decoration:none;transition:color .3s}.main-header a:hover{color:#fff}.logo{align-items:center;display:flex}.logo img{width:auto;height:60px;transition:transform .3s}.logo img:hover{transform:scale(1.05)}.nav-center{flex:1;justify-content:space-between;padding:0 8%;display:flex}.nav-group{gap:40px;display:flex}.btn-live{border:2px solid #dfa400;border-radius:30px;align-items:center;gap:10px;padding:6px 18px;display:flex;font-size:1.1rem!important;font-weight:700!important;transition:all .3s!important}.btn-live:hover{background:#dfa400;color:#000!important}.red-dot{background-color:red;border-radius:50%;width:10px;height:10px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 8px #f00c}.fixtures-sidebar{z-index:10;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:110px;right:60px}.section-title{color:#dfa400;letter-spacing:.5px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:700}.title-underline{background-color:#d32f2f;width:35px;height:2px;margin-top:5px}.fixture-card,.fixture-card-small{background-color:#071022;border:1px solid #ffffff14;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.fixture-group{flex-direction:column;gap:12px;display:flex}.fixture-card{padding:20px 20px 15px}.fixture-card-small{padding:15px 20px}.teams-container{justify-content:space-between;align-items:center;display:flex}.team{flex-direction:column;align-items:center;width:40%;display:flex}.fixture-card .team img{object-fit:contain;filter:drop-shadow(0 4px 6px #0006);width:50px;height:50px;margin-bottom:8px}.fixture-card-small .team img{object-fit:contain;filter:drop-shadow(0 4px 6px #0006);width:40px;height:40px;margin-bottom:6px}.team-name{color:#f0f0f0;text-align:center;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600}.vs-text{color:#dfa400;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800}.card-footer{border-top:1px solid #ffffff14;justify-content:center;align-items:center;margin-top:15px;padding-top:15px;display:flex;position:relative}.fixture-card-small .card-footer{margin-top:12px;padding-top:12px}.match-time{color:#a0a0a0;text-align:center;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:500;line-height:1.4}.arrow-btn{color:#dfa400;cursor:pointer;background-color:#240a1b;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:all .3s;display:flex;position:absolute;right:0}.arrow-btn:hover{color:#000;background-color:#dfa400;transform:translate(3px)}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #ff0000b3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #f000}to{transform:scale(.95);box-shadow:0 0 #f000}}@media (width<=968px){.info-container{bottom:30px;left:30px}.name-first,.name-last{font-size:4rem}}.project-card{background-color:#071022;border:1px solid #ffffff14;border-radius:12px;flex-direction:row;gap:15px;width:100%;padding:12px;display:flex;box-shadow:0 10px 30px #00000080}.project-img{object-fit:cover;object-position:left center;border-radius:8px;align-self:stretch;width:180px;height:auto}.project-info{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.project-icon{color:#fff;background-color:#050505;border:1px solid #d32f2f;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;font-size:1rem;display:flex}.project-title{letter-spacing:.5px;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:900;line-height:1}.project-subtitle{letter-spacing:.5px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:700;color:#d32f2f!important}.project-desc{color:#d1d5db;flex-grow:1;margin-bottom:10px;font-family:Inter,sans-serif;font-size:.65rem;line-height:1.4}.btn-view-project{color:#fff;background-color:#050505;border:1px solid #d32f2f;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:.7rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.btn-view-project:hover{background-color:#d32f2f}.btn-view-project:hover i{transform:translate(4px);color:#fff!important}.other-work-title{color:#dfa400;letter-spacing:.5px;margin-bottom:5px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700}.red-slash{color:#d32f2f;margin-right:5px}.other-work-grid{background-color:#071022;border:1px solid #ffffff14;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px 10px;display:flex;box-shadow:0 10px 30px #00000080}.work-col{text-align:center;flex-direction:column;flex:1;align-items:center;padding:0 5px;text-decoration:none;transition:transform .2s;display:flex}.work-col:hover{transform:translateY(-3px)}.work-icon{background-color:#050505;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:1.1rem;display:flex}.red-icon{color:#d32f2f;border:1px solid #d32f2f80;box-shadow:0 0 10px #d32f2f33}.purple-icon{color:#9c27b0;border:1px solid #9c27b080;box-shadow:0 0 10px #9c27b033}.blue-icon{color:#2196f3;border:1px solid #2196f380;box-shadow:0 0 10px #2196f333}.work-title{color:#fff;letter-spacing:.5px;margin-bottom:6px;font-family:Barlow Condensed,sans-serif;font-size:.95rem;font-weight:700;line-height:1.1}.work-tech{color:#888;font-family:Inter,sans-serif;font-size:.55rem;font-weight:600}.vertical-divider{background-color:#ffffff14;width:1px;height:60px}.more-projects-btn{background-color:#071022;border:1px solid #ffffff14;border-radius:12px;flex-direction:row;align-items:center;width:100%;padding:12px 15px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000080}.more-projects-btn:hover{border-color:#dfa400;transform:translateY(-2px)}.more-icon{color:#dfa400;background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;margin-right:15px;font-size:1.1rem;display:flex}.more-text{flex-direction:column;flex:1;display:flex}.more-title{color:#dfa400;letter-spacing:.5px;margin-bottom:2px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:700}.more-desc{color:#d1d5db;font-family:Inter,sans-serif;font-size:.65rem}.more-arrow{color:#dfa400;border:1px solid #dfa400;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;transition:all .3s;display:flex}.more-projects-btn:hover .more-arrow{color:#000;background-color:#dfa400}.sponsor-carousel{width:180px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.sponsor-track{width:max-content;animation:15s linear infinite scroll-sponsors;display:flex}.sponsor-set{align-items:center;gap:20px;padding-right:20px;display:flex}.sponsor-badge{color:#d1d5db;white-space:nowrap;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:800;display:flex}.sponsor-badge i{color:#dfa400;font-size:1.1rem}@keyframes scroll-sponsors{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-section{will-change:opacity, transform;z-index:1;background-image:url("Img/Home Main.png");background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;height:100vh;min-height:100vh;max-height:100vh;display:flex;position:relative;overflow:hidden}#section-1{flex-shrink:0;width:100%;height:100vh;min-height:100vh;max-height:100vh;position:relative;overflow:hidden}.section-2{z-index:0;background-image:url(Img/tunnel.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:24px;justify-content:center;align-items:flex-start;width:82%;max-width:1240px;min-height:auto;margin:130px auto 70px;padding:42px;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0000006b}.section-2:before{content:"";pointer-events:none;background:linear-gradient(90deg,#020917e6 0%,#0209178a 47%,#020917e0 100%),#0209176b;border-radius:24px;position:absolute;inset:0}.section-2:after{content:"";pointer-events:none;background:radial-gradient(circle at 52%,#0055a41f,#0000 48%);position:absolute;inset:0}.timeline-footer{z-index:1;pointer-events:none;justify-content:space-between;align-items:center;margin:26px -18px 0;display:flex;position:relative}.timeline-footer-mark{letter-spacing:.8px;color:#dfa400;text-transform:uppercase;align-items:center;gap:12px;font-family:Barlow Condensed,sans-serif;font-size:1.05rem;font-style:italic;font-weight:900;line-height:1;display:flex}.timeline-stripes{background:repeating-linear-gradient(135deg,#0055a4 0 5px,#0000 5px 9px);width:38px;height:4px}.timeline-stripes.red{background:repeating-linear-gradient(135deg,#d32f2f 0 5px,#0000 5px 9px)}.timeline-wrapper{z-index:1;color:#f0f0f0;width:min(1120px,100%);position:relative;overflow:hidden}.timeline-header{text-align:left;margin-bottom:28px;padding-bottom:16px;position:relative}.timeline-title{letter-spacing:2px;text-transform:uppercase;color:#fff;text-shadow:0 4px 18px #00000094;margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:clamp(2.65rem,5vw,3.75rem);font-style:italic;font-weight:900;line-height:.9}.timeline-title span{color:#dfa400}.timeline-subtitle{letter-spacing:4px;color:#ffffffb8;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.92rem;font-weight:700}.timeline-header:after{content:"";background:linear-gradient(90deg,#0055a4 0 36%,#d32f2f 36% 70%,#0055a4 70% 100%);width:86px;height:2px;position:absolute;bottom:0;left:0}.timeline-grid{grid-template-columns:76px 34px minmax(0,1fr);align-items:start;gap:24px 14px;margin-bottom:24px;display:grid;position:relative}.timeline-grid:before{content:"";transform-origin:top;background:linear-gradient(#dfa400 0%,#dfa40040 100%);border-radius:999px;width:3px;transition:transform 2.2s;position:absolute;top:0;bottom:0;left:105px;transform:scaleY(0);box-shadow:0 0 12px #dfa40052}.timeline-year{color:#dfa400;letter-spacing:.5px;text-shadow:0 3px 12px #000000bf;padding-top:12px;font-family:Russo One,sans-serif;font-size:1.55rem;font-weight:800;line-height:1}.timeline-line{z-index:1;flex-direction:column;justify-content:flex-start;align-items:center;min-height:114px;display:flex;position:relative}.timeline-line:before{display:none}.timeline-point{opacity:0;background:radial-gradient(circle,#ffe072 0%,#dfa400 44%,#ce7000 100%);border:2px solid #dfa40073;border-radius:50%;width:14px;height:14px;margin-top:17px;transition:opacity .6s,transform .6s;position:relative;transform:translateY(-16px)scale(.7);box-shadow:0 0 0 5px #dfa40024,0 0 18px #dfa400a6}.timeline-card{opacity:0;background:linear-gradient(115deg,#071022f2,#071022e0);border:1px solid #ffffff14;border-radius:18px;gap:12px;min-height:116px;padding:18px;transition:opacity .72s,transform .72s,border-color .45s 80ms,box-shadow .45s 80ms;display:grid;position:relative;transform:translateY(-18px);box-shadow:0 18px 44px #00000059}.timeline-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;-webkit-mask-composite:xor;background:linear-gradient(90deg,#0055a4,#d32f2f,#0055a4);padding:1px;transition:opacity .45s 80ms;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.timeline-card:hover{border-color:#0000;box-shadow:0 18px 44px #00000059,0 0 22px #0055a43d,0 0 22px #d32f2f33}.timeline-card:hover:before{opacity:1}.timeline-wrapper.active .timeline-grid:before{transform:scaleY(1)}.timeline-wrapper.active .timeline-point{opacity:1;transform:translateY(0)scale(1)}.timeline-wrapper.active .timeline-card{opacity:1;transform:translateY(0)}.timeline-wrapper.active .timeline-grid .timeline-line:nth-child(2) .timeline-point,.timeline-wrapper.active .timeline-grid article:first-of-type{transition-delay:.18s}.timeline-wrapper.active .timeline-grid .timeline-line:nth-child(5) .timeline-point,.timeline-wrapper.active .timeline-grid article:nth-of-type(2){transition-delay:.58s}.timeline-wrapper.active .timeline-grid .timeline-line:nth-child(8) .timeline-point,.timeline-wrapper.active .timeline-grid article:nth-of-type(3){transition-delay:.98s}.timeline-wrapper.active .timeline-grid .timeline-line:nth-child(11) .timeline-point,.timeline-wrapper.active .timeline-grid article:nth-of-type(4){transition-delay:1.38s}.timeline-wrapper.active .timeline-grid .timeline-line:nth-child(14) .timeline-point,.timeline-wrapper.active .timeline-grid article:nth-of-type(5){transition-delay:1.78s}.timeline-card-header{align-items:center;gap:14px;display:flex}.timeline-card-icon{color:#dfa400;background:#ffffff14;border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:1.24rem;display:grid}.timeline-card-title{text-transform:uppercase;letter-spacing:.5px;color:#e5e7eb;text-shadow:none;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;line-height:1.2}.timeline-card-meta{color:#dfa400;letter-spacing:.35px;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.83rem;font-weight:800;line-height:1.15}.timeline-card-desc{color:#eef4ff;font-family:Inter,sans-serif;font-size:.89rem;font-weight:700;line-height:1.55}.timeline-card-small{color:#a0a0a0;letter-spacing:.5px;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:.78rem;display:inline-flex}@media (width<=980px){.section-2{width:92%;margin:70px auto 48px;padding:28px 18px}.timeline-grid{grid-template-columns:64px 22px minmax(0,1fr);gap:20px 12px}.timeline-grid:before{left:83px}.timeline-year{font-size:1.25rem}.timeline-card{min-height:0;padding:16px}}@media (width<=640px){.timeline-header{margin-bottom:24px}.timeline-title{font-size:2.5rem}.timeline-subtitle{letter-spacing:2px;font-size:.72rem;line-height:1.5}.timeline-grid{grid-template-columns:1fr;gap:10px}.timeline-grid:before,.timeline-line{display:none}.timeline-year{margin-top:12px}.timeline-footer{gap:16px;margin:20px 0 0}.timeline-footer-mark{gap:8px;font-size:.6rem}.timeline-stripes{width:22px}}.lineup-section{width:82%;max-width:1240px;margin:150px auto 70px;position:relative;overflow:visible}.lineup-section:before{display:none}.lineup-board{filter:drop-shadow(0 28px 60px #0000006b);border-radius:22px;position:relative;overflow:hidden}.lineup-image{object-fit:cover;width:106%;height:auto;display:block}.lineup-player{left:var(--x);top:var(--y);aspect-ratio:1;opacity:0;filter:drop-shadow(0 10px 16px #0000007a);width:clamp(42px,5.2vw,72px);transition:opacity .7s,transform .7s cubic-bezier(.2,.9,.2,1.15);transition-delay:var(--delay);z-index:2;position:absolute;transform:translate(-50%,-50%)translateY(28px)scale(.6)}.lineup-player img{object-fit:contain;width:100%;height:100%;display:block}.lineup-player-name{color:#f4f8ff;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;background:#0a121ce6;border-radius:999px;padding:4px 10px;font-size:.8rem;transition:opacity .5s,transform .5s;display:inline-block;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px)}.lineup-tooltip{color:#0e1320;letter-spacing:.04em;text-transform:none;white-space:nowrap;opacity:0;pointer-events:none;z-index:4;background:#ffd65cf2;border-radius:999px;padding:6px 12px;font-size:.74rem;transition:opacity .3s,transform .3s;position:absolute;top:calc(100% + 36px);left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 10px 30px #00000029}.lineup-player:hover{filter:drop-shadow(0 0 24px #ffc700a6)}.lineup-player:hover img{transition:transform .3s;transform:scale(1.05)}.lineup-player:hover .lineup-tooltip,.lineup-player:hover .lineup-player-name{opacity:1;transform:translate(-50%)translateY(0)}.lineup-board{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)scale(.98)}.lineup-section.active .lineup-board{opacity:1;transform:translateY(0)scale(1)}.lineup-section.players-ready .lineup-player{opacity:1;transform:translate(-50%,-50%)translateY(0)scale(1)}.lineup-section.players-ready .lineup-player-name{opacity:1;transform:translate(-50%)translateY(0)}.lineup-board:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(115deg,#0000 0%,#ffffff29 44%,#0000 58%);position:absolute;inset:0;transform:translate(-120%)}.lineup-section.active .lineup-board:after{animation:1.4s .2s both lineup-sweep}@keyframes lineup-sweep{to{transform:translate(120%)}}@media (width<=980px){.lineup-section{width:92%;margin:78px auto 58px}.lineup-player{width:clamp(28px,6vw,48px)}}.season-stats-section{z-index:2;background-color:#060c14;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 60px 60px;display:flex;position:relative;overflow:hidden}.scifi-match-wrapper{background-image:url(/Img/match%20history.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;padding:80px 0;width:100%!important}.scifi-header{text-align:center;margin-bottom:60px}.scifi-header h2{color:#fff;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 2px 10px #00000080;font-family:Barlow Condensed,sans-serif;font-size:4rem;font-style:italic;font-weight:900;position:relative;left:-413px}.scifi-header h2 span{color:#dfa400}.scifi-subtitle{color:#fff;letter-spacing:2px;justify-content:center;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:700;display:flex;position:relative;left:-464px}.scifi-header-main{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.scifi-info{flex-grow:1;margin-left:12px}.scifi-status{align-items:center;gap:12px;margin-top:15px;margin-right:10px;display:flex}.scifi-ft{color:#fff;opacity:.8;font-size:.9rem;font-weight:500}.scifi-win-badge{color:#dfa400;text-transform:uppercase;background:#ffc1070d;border:1px solid #dfa400;border-radius:6px;align-items:center;gap:6px;padding:2px 10px;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-style:italic;font-weight:900;display:flex}.scifi-win-badge i{-webkit-text-stroke:1px #ffc107;font-size:.8rem}.scifi-subtitle:before{content:"//";color:#ef4444}.scifi-timeline{flex-direction:column;max-width:1200px;margin:0 auto;padding:0 20px;display:flex;position:relative}.scifi-timeline:before{content:"";z-index:0;opacity:.4;background:linear-gradient(#0000,#3b82f6 20%,#ef4444 80%,#0000);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.scifi-row{z-index:1;opacity:0;grid-template-columns:1fr 60px 1fr;align-items:start;margin-bottom:30px;transition:opacity .6s;display:grid;position:relative}.scifi-row .scifi-card-right{top:70px}.scifi-row:nth-child(2){margin-top:40px}.scifi-match-wrapper.active .scifi-row{opacity:1}.scifi-match-wrapper.active .scifi-card-left,.scifi-match-wrapper.active .scifi-card-right{transform:translate(0)}.scifi-match-wrapper.active .scifi-row:first-child{transition-delay:.1s}.scifi-match-wrapper.active .scifi-row:nth-child(2){transition-delay:.3s}.scifi-match-wrapper.active .scifi-row:nth-child(3){transition-delay:.5s}.scifi-match-wrapper.active .scifi-row:nth-child(4){transition-delay:.7s}.scifi-match-wrapper.active .scifi-row:first-child .scifi-card-left,.scifi-match-wrapper.active .scifi-row:first-child .scifi-card-right{transition-delay:.1s}.scifi-match-wrapper.active .scifi-row:nth-child(2) .scifi-card-left,.scifi-match-wrapper.active .scifi-row:nth-child(2) .scifi-card-right{transition-delay:.3s}.scifi-match-wrapper.active .scifi-row:nth-child(3) .scifi-card-left,.scifi-match-wrapper.active .scifi-row:nth-child(3) .scifi-card-right{transition-delay:.5s}.scifi-match-wrapper.active .scifi-row:nth-child(4) .scifi-card-left,.scifi-match-wrapper.active .scifi-row:nth-child(4) .scifi-card-right{transition-delay:.7s}.scifi-center{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.scifi-conn-left,.scifi-conn-right{width:35px;height:2px;position:absolute;top:50%}.scifi-conn-left{height:2px;right:50%;background:linear-gradient(270deg,#3b82f61a,#3b82f6)!important}.scifi-conn-right{height:2px;top:72%;left:50%;transform:translateY(10px);background:linear-gradient(90deg,#ef44441a,#ef4444)!important}.scifi-conn-left,.scifi-conn-right{filter:drop-shadow(0 0 5px #ffffff1a)}.scifi-conn-left:after,.scifi-conn-right:after{display:none!important}.scifi-card{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:flex-start;transition:transform .6s cubic-bezier(.1,.7,.1,1),filter .3s;display:flex;position:relative;overflow:visible;background-color:#0000!important;border:none!important;min-height:250px!important;padding:35px 35px 45px!important}.scifi-card:hover,.scifi-match-wrapper.active .scifi-card:hover{filter:brightness(1.2);transition:transform .3s,filter .3s;transform:scale(1.02)}.scifi-card-left{margin-right:25px;transform:translate(-150px);background-image:url(/Img/left%20card%20bg.png)!important}.scifi-card-right{margin-left:25px;transform:translate(150px);background-image:url(/Img/Right%20Card%20bg.png)!important}.scifi-info h3{text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-style:italic;line-height:1;color:#e0e6ef!important;margin-top:30px!important;margin-bottom:2px!important;font-size:1.6rem!important;font-weight:900!important}.scifi-info p{text-transform:uppercase;font-family:Inter,sans-serif;font-size:.8rem;font-weight:800;color:#d1d5db!important}.scifi-comp i.fa-trophy{filter:drop-shadow(0 0 5px #ffc10766);margin-right:8px;color:#ffc107!important}.scifi-card-head{align-items:center;margin-bottom:20px;display:flex}.scifi-foot{z-index:10;justify-content:space-between;align-items:center;width:93%;margin-top:26px;display:flex;position:relative}.scifi-comp{font-size:.85rem;font-weight:500;color:#cbd5e1!important}.scifi-desc{color:#a0a0a0;max-width:65%;margin:0;font-family:Inter,sans-serif;font-size:.75rem;line-height:1.4;position:relative;top:-20px}.scifi-btn{color:#dfa400;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-style:italic;font-weight:500;text-decoration:none;transition:all .2s ease-in-out;display:flex;border:1px solid #dfa400!important;padding:8px 20px!important}.scifi-btn:hover{box-shadow:none!important;filter:none!important;background-color:#dfa400!important}.scifi-btn:hover .btn-view{color:#04f!important}.scifi-btn:hover .btn-project{color:red!important}.scifi-btn:hover i{color:#000;transition:transform .3s;transform:translate(6px)}#icon-project-1{background:linear-gradient(135deg,#1e3a8a,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#fff!important;border:1px solid #00aeff!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-2{background:linear-gradient(135deg,#450a0a,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#ef4444!important;border:1px solid #dc2626!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-3{background:linear-gradient(135deg,#451a03,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#f59e0b!important;border:1px solid #fbbf24!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-4{background:linear-gradient(135deg,#050e27,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#c70bb1!important;border:1px solid #ea33fe!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-5{background:linear-gradient(135deg,#064e3b,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#10b981!important;border:1px solid #34d399!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-6{background:linear-gradient(135deg,#1a2e05,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#84cc16!important;border:1px solid #a3e635!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}#icon-project-7{background:linear-gradient(135deg,#0f172a,#000);justify-content:center;align-items:center;margin-top:26px;margin-left:12px;display:flex;color:#0ea5e9!important;border:1px solid #38bdf8!important;border-radius:25%!important;width:40px!important;height:40px!important;font-size:15px!important}@media (width<=968px){.scifi-row{grid-template-columns:1fr;gap:20px}.scifi-center,.scifi-timeline:before{display:none}.scifi-card-left,.scifi-card-right{margin:0}.scifi-row .scifi-card-right{margin-top:0}}.about-me-section{background:0 0;justify-content:center;align-items:center;width:100%;margin-top:100px;padding:60px 0;display:flex}.about-title{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-family:Barlow Condensed,sans-serif;font-size:3.5rem;font-style:italic;font-weight:900;position:relative;left:127px}.about-title span{color:#dfa400}.about-separator-image{background-image:url(/Img/design%20line.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:140px;height:12px;display:block;position:relative;left:150px}.about-profile-image{background-image:url(/Img/Profile%20pic.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:328px;height:445px;margin-left:25px;display:inline-block;position:relative;top:-27px;left:13px}.about-me-card{background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:1100px;min-height:715px;padding:50px;background-image:url(/Img/About%20me.png)!important}.about-right-content{vertical-align:top;width:calc(100% - 420px);margin-left:20px;display:inline-block}.about-top-box{background-repeat:no-repeat;background-size:100% 100%;width:100%;min-height:280px;padding:30px 40px;position:relative;top:-40px;background-image:url(/Img/about%20top%20dis.png)!important}.about-box-subtitle{color:#dfa400;letter-spacing:1px;margin-bottom:15px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.about-box-text{color:#d1d5db;width:490px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6}.about-icon-row{justify-content:space-between;align-items:center;margin-top:21px;display:flex;position:relative;left:-21px}.about-icon-item{text-align:center;flex-direction:column;flex:1;align-items:center;transition:transform .3s;display:flex}.about-icon-item:hover{transform:translateY(-5px)}.focus{color:#0883ce}.passion{color:#d20000}.about-divider-line{background:#ffffff26;width:1px;height:60px}.titleI{color:#d20000}.about-icon-item i{margin-bottom:8px;font-size:24px}.icon-label{color:#fff;letter-spacing:1px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:.8rem;font-weight:800}.icon-subtext{color:#a0a0a0;margin-top:2px;font-family:Inter,sans-serif;font-size:.65rem}.about-bottom-box{background-repeat:no-repeat;background-size:100% 100%;width:92%;min-height:162px;padding:25px 150px 25px 40px;position:relative;top:-51px;left:11px;background-image:url(/Img/about-bottom-box.png)!important}.about-drive-title{color:#dfa400;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:20px;font-style:italic;font-weight:800;position:relative;top:-6px;left:-13px}.about-quote-container{align-items:flex-start;gap:15px;max-width:380px;display:flex;position:relative;left:-13px}.about-quote-container i{color:#ef4444;font-size:1.5rem}.about-quote-text{color:#d1d5db;font-family:Inter,sans-serif;font-size:14px;font-style:italic;line-height:1.5}.about-quote-accent{background:#ef4444;border-radius:2px;width:3px;height:57px;margin:4px 0;box-shadow:0 0 8px #ef444466}.about-tech-box{background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;align-items:center;width:100%;min-height:140px;margin-top:25px;padding:20px 40px;display:flex;position:relative;top:-40px;background-image:url(/Img/last%20box.png)!important}.about-tech-title{color:#ffc107;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800}.about-tech-row{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.tech-item{flex-direction:column;flex:1;align-items:center;display:flex}.tech-item img{object-fit:contain;filter:drop-shadow(0 0 5px #3b82f633);width:35px;height:35px;margin-bottom:8px;transition:transform .3s}.tech-item:hover img{transform:translateY(-5px)}.tech-item p{color:#cbd5e1;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600}.tech-divider{background:#ffffff1a;width:1px;height:30px}.about-title,.about-separator-image,.about-profile-image{opacity:0;transition:opacity .8s,transform .8s;transform:translate(-100px)}.about-top-box,.about-bottom-box{opacity:0;transition:opacity .8s,transform .8s;transform:translate(100px)}.about-tech-box{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(100px)}.about-me-section.active .about-title,.about-me-section.active .about-separator-image,.about-me-section.active .about-profile-image,.about-me-section.active .about-top-box,.about-me-section.active .about-bottom-box{opacity:1;transform:translate(0)}.about-me-section.active .about-tech-box{opacity:1;transform:translateY(0)}.about-me-section.active .about-title,.about-me-section.active .about-separator-image{transition-delay:.1s}.about-me-section.active .about-profile-image{transition-delay:.5s}.about-me-section.active .about-top-box{transition-delay:1.2s}.about-me-section.active .about-bottom-box{transition-delay:1.4s}.about-me-section.active .about-tech-box{transition-delay:1.6s}.contact-paper{width:90%;max-width:1155px;height:686px;transform-style:preserve-3d;filter:drop-shadow(10px 15px 20px #00000080);clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,40px 100%,0 calc(100% - 40px));background-color:#f3f4f6;transition:transform .6s cubic-bezier(.34,1.56,.64,1),filter .6s;position:relative;left:-67px;transform:translate(5vw)translateY(1vh)scale(.68)rotate(-6deg)rotateX(2deg)rotateY(0)}.contact-paper:hover{filter:drop-shadow(25px 35px 35px #000000b3);z-index:10;transform:translate(0)translateY(-15px)scale(.92)rotate(0)rotateX(0)}.contact-me-section{aspect-ratio:16/9;z-index:20;perspective:1200px;background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;margin-top:50px;display:flex;position:relative;background-image:url(/Img/contact%20me%20background.png)!important}.contact-paper-inner{z-index:2;border:1px solid #0000001a;min-height:500px;margin:15px;padding:40px 60px;position:relative}.contact-watermark{opacity:.5;z-index:1;pointer-events:none;width:518px;position:absolute;bottom:-150px;right:241px}.contact-header{z-index:2;margin-bottom:30px;position:relative}.contact-sign-wrapper{align-items:center;margin-bottom:-5px;display:flex}.contact-sign-me{color:#1d4ed8;letter-spacing:2px;margin-right:15px;font-family:Inter,sans-serif;font-size:.95rem;font-style:italic;font-weight:800}.sign-me-line{background:linear-gradient(90deg,#1d4ed8,#0000);border-radius:2px;width:80px;height:3px}.contact-main-title{text-transform:uppercase;letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:3.8rem;font-style:italic;font-weight:900;line-height:1}.text-lets{background:linear-gradient(90deg,#020617,#1e3a8a);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-connect{background:linear-gradient(90deg,#1e3a8a,#7f1d1d,#dc2626,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-header-line-wrapper{align-items:center;gap:4px;margin-top:5px;display:flex}.main-gradient-line{background:linear-gradient(90deg,#1d4ed8,#dc2626);width:250px;height:4px;transform:skew(-45deg)}.slash-line{background-color:#dc2626;width:8px;height:4px;transform:skew(-45deg)}.contact-grid{z-index:2;grid-template-columns:1fr 1.2fr;gap:80px;display:grid;position:relative}.contact-intro{color:#4b5563;margin-bottom:40px;font-family:Inter,sans-serif;font-size:.95rem;line-height:1.6}.contact-details{flex-direction:column;gap:20px;display:flex}.contact-detail-item{border-bottom:1px solid #00000014;align-items:center;gap:20px;padding-bottom:20px;display:flex}.contact-detail-item:last-child{border-bottom:none}.hex-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;display:flex;transform:rotate(45deg)}.hex-icon i{transform:rotate(-45deg)}.blue-hex{color:#1e3a8a;border:1.5px solid #1e3a8a}.red-hex{color:#dc2626;border:1.5px solid #dc2626}.detail-text h4{color:#0f172a;letter-spacing:1px;margin:0 0 2px;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.detail-text p{color:#4b5563;margin:0;font-family:Inter,sans-serif;font-size:.85rem}.contact-form{flex-direction:column;gap:20px;display:flex}.form-row{gap:20px;display:flex}.form-row .form-group{flex:1}.input-with-icon{width:100%;position:relative}.input-with-icon i:not(.fa-paper-plane){color:#1e3a8a;font-size:1rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-with-icon.textarea-icon i:not(.fa-paper-plane){top:20px;transform:none}.input-with-icon input,.input-with-icon textarea{color:#0f172a;resize:none;background:0 0;border:1px solid #0003;border-radius:6px;width:100%;padding:15px 15px 15px 45px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.input-with-icon input::placeholder,.input-with-icon textarea::placeholder{color:#6b7280}.input-with-icon input:focus,.input-with-icon textarea:focus{border-color:#1e3a8a;outline:none;box-shadow:0 0 0 3px #1e3a8a1a}.submit-icon-btn{color:#0f172a;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s;position:absolute;bottom:15px;right:15px}.submit-icon-btn:hover{color:#1e3a8a;transform:translate(3px)translateY(-3px)}.contact-footer{z-index:2;justify-content:flex-start;gap:150px;margin-top:70px;padding-left:20px;display:flex;position:relative}.signature-box,.date-box{flex-direction:column;align-items:center;width:150px;display:flex}.signature-line,.date-line{background-color:#0f172a;width:100%;height:1.5px;margin-bottom:8px;position:relative}.handwritten-date{color:#0f172a;white-space:nowrap;width:0;font-family:Caveat,cursive;font-size:1.8rem;animation:.8s ease-out forwards writeText;position:absolute;bottom:2px;left:0;overflow:hidden}.handwritten-video{filter:grayscale()contrast(300%)brightness(200%);mix-blend-mode:multiply;pointer-events:none;width:220px;position:absolute;bottom:-88px;left:-20px}@keyframes writeText{to{width:250px}}.signature-box span,.date-box span{color:#0f172a;letter-spacing:1px;font-family:Barlow Condensed,sans-serif;font-size:.9rem;font-weight:800}.contact-corner-ribbon{z-index:3;pointer-events:none;background:linear-gradient(-45deg,#0f172a 0% 50%,#dc2626 50% 52%,#0000 52% 54%,#1e3a8a 54% 55%,#0000 55%);width:280px;height:280px;position:absolute;bottom:0;right:0}.ribbon-badge{justify-content:center;align-items:center;width:157px;display:flex;position:absolute;bottom:3px;right:2px}.bottom-right-logo{filter:brightness(0)invert();width:100%;height:auto}@media (width<=968px){.contact-grid{grid-template-columns:1fr;gap:40px}.form-row{flex-direction:column}.contact-paper-inner{padding:30px}.contact-corner-ribbon{width:220px;height:220px}.ribbon-badge{bottom:15px;right:15px;transform:scale(.7)}}.project-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;background:#000000bf;justify-content:center;align-items:flex-end;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.project-modal-content{background:linear-gradient(#0f172a,#020617);border:1px solid #ffffff1a;border-bottom:none;border-top-left-radius:30px;border-top-right-radius:30px;flex-direction:column;width:90%;max-width:1100px;height:auto;max-height:92vh;padding:40px;animation:.5s cubic-bezier(.1,.8,.2,1) forwards slideUpModal;display:flex;position:relative;overflow-y:auto;transform:translateY(100%);box-shadow:0 -10px 50px #00000080}.project-modal-content::-webkit-scrollbar{width:8px}.project-modal-content::-webkit-scrollbar-track{background:0 0}.project-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}@keyframes slideUpModal{to{transform:translateY(0)}}.modal-close-btn{color:#fff;cursor:pointer;z-index:10000;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .2s;display:flex;position:absolute;top:25px;right:30px}.modal-close-btn:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.modal-body-split{gap:50px;height:100%;margin-top:10px;display:flex}.modal-left-col{flex-direction:column;flex:0 0 240px;gap:20px;display:flex}.modal-fifa-card{clip-path:polygon(10% 0,90% 0,100% 6%,100% 94%,50% 100%,0 94%,0 6%);background-position:50%;background-size:cover;border-radius:15px;justify-content:center;width:100%;height:380px;padding:10px;display:flex;position:relative}.card-cyan{background:linear-gradient(135deg,#083344,#000);border:2px solid #06b6d4;box-shadow:inset 0 0 50px #06b6d44d}.card-crimson{background:linear-gradient(135deg,#450a0a,#000);border:2px solid #dc2626;box-shadow:inset 0 0 50px #dc26264d}.card-amber{background:linear-gradient(135deg,#451a03,#000);border:2px solid #fbbf24;box-shadow:inset 0 0 50px #fbbf244d}.card-magenta{background:linear-gradient(135deg,#4a044e,#000);border:2px solid #d946ef;box-shadow:inset 0 0 50px #d946ef4d}.card-emerald{background:linear-gradient(135deg,#064e3b,#000);border:2px solid #10b981;box-shadow:inset 0 0 50px #10b9814d}.card-lime{background:linear-gradient(135deg,#1a2e05,#000);border:2px solid #84cc16;box-shadow:inset 0 0 50px #84cc164d}.card-skyblue{background:linear-gradient(135deg,#0c4a6e,#000);border:2px solid #0ea5e9;box-shadow:inset 0 0 50px #0ea5e94d}.fifa-card-inner{color:#fff;flex-direction:column;align-items:center;width:100%;margin-top:20px;display:flex}.fifa-ovr-pos{flex-direction:column;align-items:center;display:flex;position:absolute;top:40px;left:30px}.fifa-ovr{font-family:Barlow Condensed,sans-serif;font-size:2.8rem;font-weight:900;line-height:1}.fifa-pos{opacity:.8;font-family:Inter,sans-serif;font-size:1rem;font-weight:700}.fifa-icon-large{opacity:.9;filter:drop-shadow(0 0 15px #ffffff4d);margin-top:20px;margin-bottom:10px;font-size:4.2rem}.fifa-name-divider{background:#fff3;width:80%;height:2px;margin:10px 0}.fifa-title{text-align:center;text-transform:uppercase;margin-bottom:3px;padding:0 5px;font-family:Barlow Condensed,sans-serif;font-size:1.3rem;font-weight:800;line-height:1.1}.fifa-subtitle{color:#a1a1aa;text-transform:uppercase;margin-bottom:12px;font-family:Inter,sans-serif;font-size:.65rem;font-weight:600}.fifa-stats-grid{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:3px 15px;width:85%;padding-top:10px;display:grid}.fifa-stat-item{align-items:center;gap:6px;display:flex}.stat-val{color:#fff;font-family:Barlow Condensed,sans-serif;font-size:1.1rem;font-weight:800}.stat-label{color:#ffffffb3;font-family:Inter,sans-serif;font-size:.8rem;font-weight:600}.modal-details{flex-direction:column;flex:1;padding-top:20px;display:flex}.scouting-header{margin-bottom:25px}.section-title{color:#dfa400;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:5px;font-family:Barlow Condensed,sans-serif;font-size:2.2rem;font-weight:800;display:flex}.scouting-line{background:linear-gradient(90deg,#dfa400,#0000);width:100%;height:2px}.modal-middle-split{gap:30px;margin-bottom:25px;display:flex}.middle-info-left{flex-direction:column;flex:1;display:flex}.modal-highlights{margin:0;padding:0;list-style:none}.modal-highlights li{color:#fffc;align-items:center;gap:8px;margin-bottom:8px;font-family:Inter,sans-serif;font-size:.95rem;display:flex}.modal-highlights li:before{content:"→";color:#dfa400;font-weight:700}.middle-image-right{flex:1.5;justify-content:flex-end;align-items:flex-start;display:flex}.modal-desc{color:#e2e8f0;margin-bottom:25px;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.7}.modal-screenshot-container{background:#0006;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:100%;height:220px;display:flex;overflow:hidden;box-shadow:0 5px 20px #0000004d}.modal-screenshot{object-fit:contain;opacity:.9;width:100%;height:100%;transition:opacity .3s}.modal-screenshot:hover{opacity:1}.sub-title{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px;font-family:Barlow Condensed,sans-serif;font-size:1.5rem;font-weight:700}.tech-badges{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.tech-badge{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600}.stats-legend{background:#0000004d;border-radius:8px;flex-wrap:wrap;gap:25px;width:100%;margin-bottom:10px;padding:15px;display:flex}.legend-item{align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:.8rem;display:flex}.l-label{color:#dfa400;font-weight:700}.l-name{color:#94a3b8}.modal-actions-right{justify-content:flex-end;gap:20px;margin-top:15px;display:flex}.modal-btn{text-transform:uppercase;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-family:Barlow Condensed,sans-serif;font-size:1rem;font-weight:800;text-decoration:none;transition:all .3s;display:flex}.github-btn{color:#fff;background:#1e293b;border:1px solid #334155}.github-btn:hover{color:#000;background:#fff}.live-btn{color:#dfa400;background:0 0;border:1px solid #dfa400}.live-btn:hover{color:#000;background:#dfa400}@media (width<=968px){.modal-body-split{flex-direction:column;overflow-y:auto}.modal-fifa-card{flex:none;width:100%;height:auto;padding-bottom:40px}.modal-details{padding-bottom:40px}}.modal-screenshot-container{justify-content:center;align-items:center;display:flex;position:relative}.carousel-btn{color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-btn:hover{color:#000;background:#ffffffe6}.prev-btn{left:10px}.next-btn{right:10px}.carousel-counter{color:#fff;background:#0009;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700;position:absolute;bottom:10px}.main-footer{z-index:30;background:linear-gradient(135deg,#001026 0%,#050505 50%,#24000b 100%);border-top:1px solid #ffffff0d;width:100%;padding:60px 60px 20px;font-family:Inter,sans-serif;position:relative}.footer-content{grid-template-columns:1.5fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-slogan{letter-spacing:2px;background:linear-gradient(90deg,#0055a4,#d32f2f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:10px;margin-bottom:15px;font-family:Barlow Condensed,sans-serif;font-size:1.8rem;font-style:italic;font-weight:900;display:flex}.footer-desc{color:#94a3b8;max-width:85%;font-size:.9rem;line-height:1.6}.footer-links h4,.footer-socials-wrapper h4{color:#dfa400;letter-spacing:1px;margin-bottom:20px;font-family:Barlow Condensed,sans-serif;font-size:1.2rem;font-weight:700}.footer-links ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-links a{color:#cbd5e1;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.footer-links a:hover{color:#fff;transform:translate(5px)}.footer-socials{flex-wrap:wrap;gap:20px;display:flex}.footer-socials a{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.gradient-icon{background:linear-gradient(135deg,#dfa400,#d32f2f,#0055a4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.4rem;transition:filter .3s;display:inline-block}.footer-socials a:hover{background:#dfa4001a;border-color:#dfa400;transform:translateY(-5px)}.footer-socials a:hover .gradient-icon{filter:brightness(1.5)drop-shadow(0 0 8px #dfa40080)}.footer-bottom{text-align:center;max-width:1200px;margin:40px auto 0}.footer-bottom-line{opacity:.8;background:linear-gradient(90deg,#0055a4 30%,#d32f2f 30% 70%,#0055a4 70%);border-radius:2px;width:100%;height:3px;margin-bottom:20px}.footer-bottom p{color:#64748b;letter-spacing:1.5px;margin:0;font-family:Barlow Condensed,sans-serif;font-size:.85rem;font-weight:600}@media (width<=968px){.footer-content{text-align:center;grid-template-columns:1fr;gap:40px}.footer-desc{margin:0 auto}.footer-slogan{justify-content:center}.footer-links a:hover{transform:translateY(-3px)}.footer-socials{justify-content:center}}