.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.ml-0{margin-left:0!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.ml-4{margin-left:1.5rem!important}.ml-5{margin-left:3rem!important}.mr-0{margin-right:0!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.mr-4{margin-right:1.5rem!important}.mr-5{margin-right:3rem!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.pl-0{padding-left:0!important}.pl-1{padding-left:.25rem!important}.pl-2{padding-left:.5rem!important}.pl-3{padding-left:1rem!important}.pl-4{padding-left:1.5rem!important}.pl-5{padding-left:3rem!important}.pr-0{padding-right:0!important}.pr-1{padding-right:.25rem!important}.pr-2{padding-right:.5rem!important}.pr-3{padding-right:1rem!important}.pr-4{padding-right:1.5rem!important}.pr-5{padding-right:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.flex-direction-row{flex-direction:row!important}.flex-direction-column{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:#e8edf4;background-color:#0d1821;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0d1821,#1b2332,#283b52);color:#e8edf4}#root{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1;color:#f7fafc}a{font-weight:500;color:#2e86ab;text-decoration:none;transition:color .3s ease}a:hover{color:#518cb8}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background:linear-gradient(45deg,#2e86ab,#1a5b7a);color:#fff;cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2e86ab4d}button:focus,button:focus-visible{outline:2px solid #2E86AB;outline-offset:2px}.navbar{background:linear-gradient(135deg,#0d1821,#1b2332);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:1000;padding:0}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem}.navbar-brand{font-size:1.5rem;font-weight:700;color:#f7fafc;text-decoration:none;background:linear-gradient(45deg,#2e86ab,#518cb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-menu{display:flex;gap:2rem;align-items:center}.navbar-item{color:#c2d3e0;text-decoration:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.navbar-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.navbar-item:hover:before{left:100%}.navbar-item:hover{color:#f7fafc;background:#ffffff1a;transform:translateY(-2px)}.navbar-item.active{color:#f7fafc;background:linear-gradient(45deg,#2e86ab,#1a5b7a);box-shadow:0 4px 15px #2e86ab4d}@media(max-width:768px){.navbar-container{padding:1rem}.navbar-menu{gap:1rem}.navbar-item{padding:.4rem .8rem;font-size:.9rem}}.navbar-dropdown{position:relative;display:inline-block}.dropdown-trigger{display:flex;align-items:center;gap:.5rem;cursor:pointer}.dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.navbar-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:linear-gradient(135deg,#0d1821,#1b2332);border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 25px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;z-index:1001;overflow:hidden;animation:dropdownFadeIn .3s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:block;padding:.8rem 1rem;color:#c2d3e0;text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#2e86ab1a;color:#f7fafc;padding-left:1.2rem}.dropdown-item.active{background:linear-gradient(45deg,#2e86ab,#1a5b7a);color:#f7fafc}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-menu span{width:100%;height:3px;background:#c2d3e0;border-radius:1.5px;transition:all .3s ease}.hamburger-menu.active span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999;display:none}@media(max-width:768px){.navbar-container{padding:1rem}.hamburger-menu{display:flex}.navbar-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:linear-gradient(180deg,#0d1821,#1b2332);border-left:1px solid rgba(255,255,255,.1);flex-direction:column;align-items:flex-start;padding:6rem 2rem 2rem;gap:1.5rem;transition:right .3s ease;z-index:1000;overflow-y:auto}.navbar-menu.mobile-open{right:0}.mobile-overlay{display:block}.navbar-item{width:100%;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:1.1rem}.navbar-dropdown{width:100%}.dropdown-trigger{width:100%;display:flex;justify-content:space-between;align-items:center}.dropdown-menu{position:static;background:#2e86ab1a;border:1px solid rgba(46,134,171,.3);border-radius:8px;margin-top:1rem;max-height:none;overflow:visible;box-shadow:none;min-width:100%;left:0}.dropdown-item{padding:.8rem 1rem;font-size:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item:last-child{border-bottom:none}}.page-container{min-height:calc(100vh - 80px);padding:2rem;max-width:1200px;margin:0 auto}.hero-section{padding:4rem 0;margin-bottom:2rem}.profile-section{display:flex;align-items:center;gap:3rem;max-width:1000px;margin:0 auto}.profile-image{width:300px;height:300px;border-radius:50%;object-fit:cover;border:4px solid rgba(46,134,171,.3);box-shadow:0 10px 30px #0003;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.intro-content{flex:1}.hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#e8edf4;background:linear-gradient(135deg,#2e86ab,#a23b72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.1rem;line-height:1.7;color:#a7b6c2;margin:0 0 2rem}.btn-primary{background:#000;border:2px solid #000000;color:#fff}.btn-primary:hover{background:#1a1a1a;border-color:#1a1a1a}.btn-secondary{background:#24292e;border:2px solid #24292e;color:#fff}.btn-secondary:hover{background:#0d1117;border-color:#0d1117}.btn-tertiary{background:#8c6e3b;border:2px solid #8C6E3B;color:#fff}.btn-tertiary:hover{background:#a67c00;border-color:#a67c00}.btn-linkedin{background:#0077b5;border:2px solid #0077B5;color:#fff}.btn-linkedin:hover{background:#005582;border-color:#005582}@media(max-width:768px){.profile-section{flex-direction:column;text-align:center;gap:2rem}.profile-image{width:250px;height:250px}.hero-title{font-size:2rem}.social-section{padding:2rem 0 1.5rem}.social-links{justify-content:center;gap:1.25rem}.social-btn{font-size:.85rem}}.btn-primary{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-primary:hover{background:#fff;color:#2e86ab;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.features-section{padding:2rem 0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#e8edf4}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.feature-card{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#f7fafc}.feature-card p{color:#a7b6c2;line-height:1.6}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;align-items:center}.btn{width:200px}.features-grid{grid-template-columns:1fr;gap:1.5rem}.page-container{padding:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.active-project-card{text-align:center}}.active-projects-section{margin-bottom:4rem}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#e8edf4;background:linear-gradient(135deg,#2e86ab,#a23b72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}.active-project-card{background:linear-gradient(135deg,#0d1821,#1b2332);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;transition:all .3s ease;text-align:center;min-height:350px;display:flex;flex-direction:column}.active-project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.project-icon-section{margin-bottom:1.5rem}.project-icon-section i{font-size:3rem;color:#2e86ab;background:linear-gradient(135deg,#2e86ab,#a23b72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:transform .3s ease}.active-project-card:hover .project-icon-section i{transform:scale(1.1)}.active-project-card .project-content{padding:0;flex:1;display:flex;flex-direction:column;justify-content:space-between}.active-project-card .project-content h3{color:#f7fafc;font-size:1.4rem;margin-bottom:1rem;font-weight:600}.active-project-card .project-content p{color:#a7b6c2;line-height:1.6;margin:0 0 1.5rem;font-size:.95rem;flex:1}.project-action{margin-top:auto;padding-top:1rem}.project-link-text,.placeholder-text{font-weight:600;font-size:.9rem}.project-link-text{color:#2e86ab}.placeholder-text{color:#888;font-style:italic}.active-project-card.placeholder{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px dashed rgba(255,255,255,.2);opacity:.6;min-height:350px}.active-project-card.placeholder:hover{opacity:.8;border-color:#ffffff4d;cursor:default;transform:none;box-shadow:none}.active-project-card.placeholder .project-icon-section i{color:#666;background:none;-webkit-text-fill-color:#666}.active-project-card.placeholder:hover .project-icon-section i{transform:none}.active-project-card.placeholder .project-content h3{color:#999;font-style:italic}.active-project-card.placeholder .project-content p{color:#777;font-style:italic;margin:0 0 1.5rem}.loading-message{text-align:center;color:#a7b6c2;font-size:1.1rem;margin:2rem 0}.error-message{text-align:center;color:#ff6b6b;font-size:1.1rem;margin:2rem 0;background:#ff6b6b1a;padding:1rem;border-radius:8px;border:1px solid rgba(255,107,107,.3)}.skill-tag{background:#ffffff1a;color:#718096;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.metrics-section{margin-bottom:4rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.metric-card{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.metric-card h3{color:#f7fafc;font-size:1.1rem;margin-bottom:1rem}.metric-value{font-size:2.5rem;font-weight:700;color:#10b981;margin:.5rem 0}.metric-period{color:#a7b6c2;font-size:.9rem}.stocks-projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.stocks-project-card{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.stocks-project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.project-header h3{color:#f7fafc;font-size:1.5rem;margin:0;flex:1}.project-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.status-badge{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.status-badge.development{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff}.performance-badge{padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:600;background:linear-gradient(45deg,#2e86ab,#1a5b7a);color:#fff}.project-description{color:#a7b6c2;line-height:1.6;margin-bottom:1.5rem}.features-list{margin-bottom:2rem}.features-list h4{color:#f7fafc;font-size:1.1rem;margin-bottom:.8rem}.features-list li{color:#a7b6c2;position:relative;padding:.3rem 0 .3rem 1.5rem}.features-list li:before{content:"✓";color:#10b981;font-weight:700;position:absolute;left:0}.watchlist-section{margin-bottom:4rem}.watchlist-table{background:linear-gradient(135deg,#0d1821,#1b2332);border-radius:15px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.table-header{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1.5rem;background:#2e86ab1a;font-weight:600;color:#f7fafc;border-bottom:1px solid rgba(255,255,255,.1)}.table-row{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:1rem;padding:1rem 1.5rem;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background .3s ease}.table-row:hover{background:#2e86ab0d}.table-row:last-child{border-bottom:none}.stock-symbol{font-weight:700;color:#2e86ab;font-size:1.1rem}.stock-name{color:#e8edf4}.stock-price{color:#f7fafc;font-weight:600}.stock-change{font-weight:600}.stock-change.positive{color:#10b981}.stock-change.negative{color:#ef4444}.stock-signal{padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600;text-align:center}.stock-signal.buy{background:linear-gradient(45deg,#10b981,#059669);color:#fff}.stock-signal.hold{background:linear-gradient(45deg,#f59e0b,#d97706);color:#fff}.stock-signal.sell{background:linear-gradient(45deg,#ef4444,#dc2626);color:#fff}.tech-section{margin-bottom:4rem}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.tech-category{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.tech-category:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.tech-category h3{color:#f7fafc;font-size:1.3rem;margin-bottom:1rem;text-align:center}.disclaimer-section{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1.5rem;margin-bottom:3rem}.disclaimer-section p{color:#fca5a5;margin:0;font-size:.9rem;line-height:1.6}@media(max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.stocks-projects-grid,.tech-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:1fr;gap:.5rem}.table-header{display:none}.table-row{display:flex;flex-direction:column;align-items:flex-start;padding:1rem}.project-header{flex-direction:column;align-items:flex-start}.project-badges{flex-direction:row;align-items:flex-start}}.skills-section,.other-projects-section{margin-bottom:4rem}.projects-table-container{overflow-x:auto;border-radius:12px;background:linear-gradient(135deg,#0d1821,#1b2332);border:1px solid rgba(255,255,255,.1)}.projects-table{width:100%;border-collapse:collapse;font-size:.9rem}.projects-table th,.projects-table td{padding:1.5rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.projects-table th{background:#2e86ab1a;color:#e8edf4;font-weight:600;font-size:1rem}.projects-table tbody tr:hover{background:#ffffff0d;transition:background .2s ease}.projects-table tbody tr:last-child td{border-bottom:none}.project-name{font-weight:600;color:#e8edf4;min-width:180px}.project-name-link{display:flex;align-items:center;gap:.5rem;color:#e8edf4;text-decoration:none;font-weight:600;transition:all .2s ease;padding:.25rem 0}.project-name-link:hover{color:#2e86ab;text-decoration:none}.project-link-icon{font-size:.8rem;opacity:.6;transition:all .2s ease}.project-name-link:hover .project-link-icon{opacity:1;transform:translate(2px);color:#2e86ab}.project-description{color:#a7b6c2;line-height:1.5;max-width:400px}.project-skills{min-width:200px}.skill-tags-table{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag-table{background:#ffffff1a;color:#718096;border:1px solid rgba(255,255,255,.2);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;white-space:nowrap}.section-title{text-align:left;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#e8edf4}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.skill-category{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.skill-category h3{color:#f7fafc;font-size:1.5rem;margin-bottom:1rem;text-align:center}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.projects-section{margin-bottom:4rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:linear-gradient(135deg,#0d1821,#1b2332);border-radius:15px;border:1px solid rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.project-image{position:relative;height:200px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:2rem}.project-content h3{color:#f7fafc;font-size:1.5rem;margin-bottom:1rem}.project-content p{color:#a7b6c2;line-height:1.6;margin-bottom:1.5rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.project-actions{display:flex;gap:1rem;align-items:center}.project-actions .btn{padding:.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;text-align:center;min-width:100px;display:flex;align-items:center;justify-content:center;gap:.5rem}.project-actions .btn i{font-size:1rem}.project-actions .btn-primary{background:linear-gradient(135deg,#2e86ab,#a23b72);color:#fff;border:none}.project-actions .btn-secondary{background:transparent;color:#2e86ab;border:2px solid #2E86AB}.project-actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2e86ab4d}.placeholder-text{color:#a7b6c2;font-style:italic;font-weight:500}.tech-tag{background:#2e86ab33;color:#2e86ab;padding:.3rem .6rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid rgba(46,134,171,.3)}.project-card.placeholder{opacity:.7;background:linear-gradient(135deg,#0d1821,#1b2332);border:1px dashed rgba(255,255,255,.2)}.project-card.placeholder:hover{transform:none;box-shadow:0 10px 25px #2e86ab1a;border-color:#2e86ab33}.project-card.placeholder .project-image img{filter:grayscale(100%) brightness(.5)}.project-card.placeholder .project-content h3{color:#a7b6c2;font-style:italic}.project-card.placeholder .project-content p{color:#718096;font-style:italic}.project-card.placeholder .tech-tag{background:#ffffff1a;color:#a7b6c2;border-color:#fff3}.placeholder-links{display:flex;align-items:center;justify-content:center;height:100%}.placeholder-text{color:#a7b6c2;font-style:italic;font-weight:500;background:#000000b3;padding:.5rem 1rem;border-radius:20px;border:1px dashed rgba(255,255,255,.3)}.cta-section{text-align:center;background:linear-gradient(135deg,#2e86ab,#1a5b7a);padding:3rem 2rem;border-radius:20px;color:#fff;margin-top:3rem}.cta-section h2{font-size:2rem;margin-bottom:1rem;color:#fff}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.9}.cta-section .btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-section .btn:hover{background:#fff;color:#2e86ab}.social-links{display:flex;gap:1rem;justify-content:center;align-items:center}.social-links .btn{min-width:120px}.social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s ease}.social-btn i{font-size:1.1rem}.social-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.social-btn.btn-secondary{background:#24292e;border-color:#24292e;color:#fff}.social-btn.btn-secondary:hover{background:#0d1117;border-color:#0d1117;color:#fff}.social-btn.btn-primary{background:#000;border-color:#000;color:#fff}.social-btn.btn-primary:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.social-section{padding:3rem 0 2rem;text-align:center;border-top:1px solid rgba(167,182,194,.2);margin-top:2rem}.social-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;align-items:center}.social-btn{display:flex;align-items:center;gap:.4rem;color:#a7b6c2;text-decoration:none;font-size:.9rem;font-weight:400;transition:all .2s ease;padding:0;border:none;background:none;border-radius:0}.social-btn i{font-size:1rem;transition:color .2s ease}.social-btn:hover{color:#e8edf4;text-decoration:none}.social-btn:hover i{color:#2e86ab}@media(max-width:768px){.section-title{text-align:center;font-size:2rem}.projects-table-container{margin:0 -1rem}.projects-table{font-size:.8rem}.projects-table th,.projects-table td{padding:1rem}.project-name{min-width:140px}.project-link-icon{font-size:.7rem}.project-description{max-width:250px;font-size:.85rem}.skill-tag-table{font-size:.7rem;padding:.2rem .6rem}.social-section{padding:2rem 0 1.5rem}.social-links{gap:1.25rem}.social-btn{font-size:.85rem}.skills-grid,.projects-grid{grid-template-columns:1fr}.skill-category,.project-content{padding:1.5rem}}.page-container{min-height:calc(100vh - 80px);padding:2rem}.content-section{max-width:1200px;margin:0 auto;padding:2rem 0}.page-title{font-size:3rem;font-weight:700;text-align:center;margin-bottom:1rem;background:linear-gradient(45deg,#2e86ab,#518cb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{font-size:1.2rem;text-align:center;color:#a7b6c2;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:3rem;align-items:start;margin-bottom:3rem}.content-text{color:#e8edf4;line-height:1.8}.content-text h2{color:#f7fafc;font-size:1.8rem;margin:2rem 0 1rem}.content-text p{margin-bottom:1.5rem;font-size:1.1rem}.content-image{display:flex;justify-content:center}.placeholder-image{background:linear-gradient(135deg,#0d1821,#1b2332);border:2px dashed rgba(255,255,255,.2);border-radius:15px;padding:3rem;text-align:center;color:#a7b6c2;width:100%;max-width:300px}.placeholder-image span{font-size:4rem;display:block;margin-bottom:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.service-card{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #2e86ab33;border-color:#2e86ab4d}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{color:#f7fafc;font-size:1.5rem;margin-bottom:1rem}.service-card p{color:#a7b6c2;line-height:1.6;margin-bottom:1.5rem}.btn-outline{background:transparent;color:#2e86ab;border:2px solid #2E86AB;padding:.6rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#2e86ab;color:#fff;transform:translateY(-2px)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}.contact-info h2{color:#f7fafc;font-size:2rem;margin-bottom:2rem}.contact-item{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.contact-icon{font-size:2rem;width:60px;height:60px;background:linear-gradient(45deg,#2e86ab,#1a5b7a);border-radius:50%;display:flex;align-items:center;justify-content:center}.contact-item h3{color:#f7fafc;margin:0 0 .5rem;font-size:1.2rem}.contact-item p{color:#a7b6c2;margin:0}.contact-form{background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#f7fafc;margin-bottom:.5rem;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:.8rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:#f7fafc;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#718096}@media(max-width:768px){.page-container{padding:1rem}.page-title{font-size:2.5rem}.content-grid{grid-template-columns:1fr;gap:2rem}.services-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:2rem}}.unit-header{color:#a7b6c2;font-size:.8em;font-weight:500;display:block;margin-top:2px;line-height:1.1}.simple-view-note{color:#e74c3c;background:#e74c3c14;border:1px solid rgba(231,76,60,.18);border-radius:6px;padding:.5rem 1rem;margin:.5rem 0 1.5rem;font-size:.95rem;font-weight:600;text-align:center;box-shadow:0 2px 8px #e74c3c12}.unit-inline{color:#a7b6c2;font-size:.8em;font-weight:500;display:block;margin-top:2px;line-height:1.1}.github-link{display:inline-block;margin-left:.75rem;padding:.4rem .8rem;background:#2e86ab26;border:1px solid rgba(46,134,171,.3);border-radius:6px;color:#2e86ab;text-decoration:none;font-size:.8rem;font-weight:600;transition:all .3s ease;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px}a.github-link:hover{background:#2e86ab!important;border-color:#2e86ab!important;color:#fff!important;text-decoration:none!important;-webkit-text-fill-color:white!important;-webkit-background-clip:unset!important;background-clip:unset!important;transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.search-section{margin-bottom:2rem;background:linear-gradient(135deg,#0d1821,#1b2332);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.search-form{margin-top:1rem}.input-group{display:flex;gap:.75rem;max-width:600px;margin:0 auto}.team-input{flex:1;padding:.75rem 1rem;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#f7fafc;font-size:1rem;transition:all .3s ease}.team-input:focus{outline:none;border-color:#2e86ab;box-shadow:0 0 0 3px #2e86ab1a}.team-input::placeholder{color:#a7b6c2}.team-input:disabled{opacity:.6;cursor:not-allowed}.search-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#2e86ab,#a23b72);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:110px}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #2e86ab4d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{margin-top:.75rem;padding:.75rem;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:6px;color:#e74c3c;display:flex;align-items:center;gap:.5rem;max-width:600px;margin-left:auto;margin-right:auto}.error-icon{font-size:1.1rem}.stadium-results{margin-bottom:2rem}.stadium-card{background:linear-gradient(135deg,#0d1821,#1b2332);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;position:relative;min-height:200px}.stadium-card:hover:not(.loading){transform:translateY(-3px);box-shadow:0 15px 30px #2e86ab26;border-color:#2e86ab4d}.stadium-card.loading{opacity:.8}.loading-overlay{position:absolute;inset:0;background:#0d1821e6;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:10}.loading-spinner{width:40px;height:40px;border:3px solid rgba(46,134,171,.2);border-top:3px solid #2E86AB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:#a7b6c2;font-size:.9rem;font-weight:500}.stadium-header{text-align:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.stadium-name{font-size:2rem;font-weight:700;color:#f7fafc;margin-bottom:.5rem;background:linear-gradient(135deg,#2e86ab,#a23b72);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stadium-team{font-size:1rem;color:#a7b6c2;font-weight:500}.stadium-image-section{margin-bottom:1.25rem;text-align:center;position:relative;min-height:200px}.stadium-image{width:100%;max-height:300px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0003;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;border:1px solid rgba(255,255,255,.1)}.stadium-image.loading{opacity:0}.stadium-image:hover{transform:scale(1.02);box-shadow:0 8px 25px #2e86ab33}.image-loading-overlay{position:absolute;inset:0;background:#0d1821cc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;z-index:10;min-height:200px}.image-loading-spinner{width:30px;height:30px;border:2px solid rgba(46,134,171,.2);border-top:2px solid #2E86AB;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.image-loading-text{color:#a7b6c2;font-size:.85rem;font-weight:500}.stadium-details{margin-top:1.25rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;padding:1rem;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.detail-item:hover{background:#ffffff0d;border-color:#2e86ab33}.detail-label{font-size:.85rem;color:#a7b6c2;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.4rem}.detail-value{font-size:1.1rem;color:#f7fafc;font-weight:600}.coordinates .detail-value{font-family:Courier New,monospace;font-size:.95rem}.info-section{background:linear-gradient(135deg,#0d1821,#1b2332);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.info-content{margin-top:1rem}.info-content p{color:#a7b6c2;line-height:1.6;margin-bottom:1.5rem;font-size:1rem}.features-list{margin-bottom:1.5rem}.features-list h3{color:#f7fafc;margin-bottom:.75rem;font-size:1.2rem}.features-list ul{list-style:none;padding:0}.features-list li{color:#a7b6c2;padding:.4rem 0 .4rem 1.5rem;position:relative}.features-list li:before{content:"✓";position:absolute;left:0;color:#2e86ab;font-weight:700}.tech-stack h3{color:#f7fafc;margin-bottom:.75rem;font-size:1.2rem}.tech-tags{display:flex;flex-wrap:wrap;gap:.6rem}.tech-tag{background:linear-gradient(135deg,#2e86ab,#a23b72);color:#fff;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:600;transition:all .3s ease}.tech-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.skill-tag{background:linear-gradient(45deg,#2e86ab,#1a5b7a);color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease}.skill-tag:hover{transform:scale(1.05);box-shadow:0 4px 15px #2e86ab4d}.external-link{color:#2e86ab;text-decoration:none;font-weight:600;transition:all .2s ease;border-bottom:1px solid transparent}.external-link:hover{color:#a23b72;border-bottom-color:#a23b72;transform:translateY(-1px)}@media(max-width:768px){.input-group{flex-direction:column}.search-btn{width:100%}.detail-grid{grid-template-columns:1fr}.stadium-name{font-size:1.8rem}.tech-tags{justify-content:center}}@media(max-width:480px){.search-section,.stadium-card,.info-section{padding:1rem}.stadium-name{font-size:1.6rem}.detail-item{padding:.75rem}}.weather-section{margin-bottom:2rem;background:linear-gradient(135deg,#0d1821,#1b2332);padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.last-updated{color:#a7b6c2;font-size:.875rem;margin-bottom:1.5rem;font-style:italic;opacity:.8;margin-top:0rem}.weather-citation{color:#a7b6c2;font-size:.75rem;margin-top:1rem;margin-bottom:.5rem;opacity:.7}.weather-citation a{color:#4ecdc4;text-decoration:none;transition:color .3s ease}.weather-citation a:hover{color:#2e86ab;text-decoration:underline}.weather-loading{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#a7b6c2}.weather-table-container{overflow-x:auto;margin-top:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.weather-table{width:100%;border-collapse:collapse;background:#0d182199;font-size:.9rem;table-layout:fixed}.weather-table th{background:#2e86ab33;color:#f7fafc;padding:1rem .75rem;text-align:center;font-weight:600;border-bottom:1px solid rgba(255,255,255,.1);white-space:nowrap;width:16.66%}.weather-table td{padding:.875rem .75rem;border-bottom:1px solid rgba(255,255,255,.05);color:#a7b6c2;vertical-align:middle;height:140px}.weather-table tbody tr:hover{background:#2e86ab1a}.match-cell{width:16.66%}.match-info{display:flex;flex-direction:column;gap:.25rem}.match-teams{color:#f7fafc;font-weight:600;font-size:.95rem}.match-time{color:#a7b6c2;font-size:.8rem;opacity:.8}.weather-cell{width:16.66%;text-align:center}.weather-display{display:flex;flex-direction:column;align-items:center;gap:.25rem}.weather-text{color:#2e86ab;font-size:.75rem;font-weight:500;line-height:1}.temperature-cell{text-align:center;width:16.66%;font-weight:500;color:#ffb84d;padding:.5rem}.weather-condition{color:#2e86ab;font-weight:500;padding:.25rem .5rem;background:#2e86ab26;border-radius:4px;display:inline-block}.wind-speed-cell,.wind-gust-cell,.precipitation-cell{text-align:center;width:16.66%;font-weight:500;padding:.5rem}.wind-speed-cell{color:#f7fafc}.wind-gust-cell{color:#ff6b6b}.precipitation-cell{color:#4ecdc4}.weather-table .temperature-cell canvas,.weather-table .wind-speed-cell canvas,.weather-table .wind-gust-cell canvas,.weather-table .precipitation-cell canvas{max-width:100%;height:auto}@media(max-width:768px){.weather-table{font-size:.8rem}.weather-table th,.weather-table td{padding:.5rem .4rem}.match-cell{min-width:150px}.match-teams{font-size:.85rem}.match-time{font-size:.75rem}.weather-condition{padding:.2rem .4rem;font-size:.8rem}}@media(max-width:480px){.weather-table-container{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.weather-table{font-size:.75rem}.weather-table th,.weather-table td{padding:.4rem .3rem}}.nfl-pick-bot-container{min-height:100vh;background:linear-gradient(135deg,#0d1821,#1b2332);padding:2rem 1rem;scroll-behavior:smooth}.bets-section,.picks-section,.current-season-section,.historical-results-section,.overall-stats-section,.season-results-section{margin:3rem 0;scroll-margin-top:2rem}.loading-spinner{color:#9ca3af;font-style:italic;text-align:center;padding:2rem;font-size:1.1rem}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;padding:1rem;margin-bottom:1rem;text-align:center}.toc-section{margin:2rem 0;padding:1.5rem;background:#2e86ab1a;border:1px solid rgba(46,134,171,.3);border-radius:8px}.toc-section h3{color:#2e86ab;margin-bottom:1rem;font-size:1.1rem;font-weight:600;text-align:center}.toc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-top:1rem}.toc-link{display:flex;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(46,134,171,.2);border-radius:6px;color:#f7fafc;text-decoration:none;transition:all .3s ease;font-size:.9rem;font-weight:500}.toc-link:hover{background:#2e86ab33;border-color:#2e86ab;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #2e86ab4d}.toc-emoji{margin-right:.5rem;font-size:1rem}.refresh-button{padding:.5rem 1rem;background:#2e86ab;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.refresh-button:hover:not(:disabled){background:#1e5f7a;transform:translateY(-1px)}.refresh-button:disabled{background:#4b5563;cursor:not-allowed;opacity:.7}.table-container{background:#2b364599;border:1px solid rgba(46,134,171,.3);border-radius:8px;padding:1.5rem;overflow-x:auto;margin-top:1.5rem}.picks-table,.results-table{width:100%;border-collapse:collapse;color:#f7fafc}.picks-table th,.results-table th{background:#2e86ab33;color:#f7fafc;font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid rgba(46,134,171,.4)}.picks-table td,.results-table td{padding:1rem;border-bottom:1px solid rgba(46,134,171,.2)}.picks-table tbody tr:hover,.results-table tbody tr:hover{background:#2e86ab1a}.season-total-row{font-weight:700!important;border-top:2px solid #2E86AB!important;background:#2e86ab26!important}.season-total-row td{background:#2e86ab1a!important;font-weight:700!important;padding:1rem!important}.season-total-row:hover{background:#2e86ab33!important}.picks-table a{color:#2e86ab;text-decoration:none;font-weight:500;transition:color .3s ease}.picks-table a:hover{color:#f7fafc;text-decoration:underline}.result{padding:.3rem .8rem;border-radius:4px;font-size:.9rem;font-weight:500;text-align:center;display:inline-block;min-width:70px}.result.pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.bold{font-weight:600;color:#f7fafc}.total-row{background:#2e86ab1a;border-top:2px solid rgba(46,134,171,.4)}.total-row td{font-weight:600;color:#f7fafc}.units{font-weight:600}.units.positive{color:#10b981}.units.negative{color:#ef4444}.result.win{background:#28a74533;color:#28a745;border:1px solid rgba(40,167,69,.4)}.result.loss{background:#dc354533;color:#dc3545;border:1px solid rgba(220,53,69,.4)}.record{font-weight:600}.record.positive{color:#28a745}.record.negative{color:#dc3545}.units{font-weight:700;font-size:1.1rem}.units.positive{color:#28a745}.units.negative{color:#dc3545}@media(max-width:768px){.nfl-pick-bot-container{padding:1rem .5rem}.table-container{padding:1rem;overflow-x:auto}.picks-table th,.results-table th,.picks-table td,.results-table td{padding:.5rem;font-size:.9rem}.picks-table th:first-child,.results-table th:first-child,.picks-table td:first-child,.results-table td:first-child{min-width:120px}}.stats-explanation{color:#9ca3af;font-style:italic;margin-bottom:1rem;font-size:.95rem;line-height:1.4}.hypothetical-label{color:#9ca3af;font-size:.8rem;font-style:italic}.x-link{display:inline-block;margin-left:.75rem;padding:.6rem 1.2rem;background:#000!important;border:1px solid #333333;border-radius:8px;color:#fff!important;-webkit-text-fill-color:#FFFFFF!important;text-decoration:none;font-size:.9rem;font-weight:600;transition:all .3s ease;vertical-align:middle;text-transform:none;letter-spacing:.3px;min-width:140px;text-align:center}a.x-link:hover{background:#1da1f2!important;border-color:#1da1f2!important;color:#fff!important;text-decoration:none!important;-webkit-text-fill-color:white!important;-webkit-background-clip:unset!important;background-clip:unset!important;transform:translateY(-2px);box-shadow:0 6px 16px #1da1f266}.app{min-height:100vh;background:linear-gradient(135deg,#0d1821,#1b2332,#283b52);color:#e8edf4}.main-content{min-height:calc(100vh - 80px)}.btn{padding:.8rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-family:inherit}.btn-primary{background:linear-gradient(45deg,#2e86ab,#1a5b7a);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2e86ab66}.btn-secondary{background:transparent;color:#2e86ab;border:2px solid #2E86AB}.btn-secondary:hover{background:#2e86ab;color:#fff;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:#f7fafc;font-weight:600}p{color:#a7b6c2;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1b2332}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#2e86ab,#1a5b7a);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#1a5b7a,#2e86ab)}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1821}