html,body,#root{height:100%;margin:0;font-family:Nunito,sans-serif;background-color:#030617;background-size:cover}.main-content{flex:1;margin-top:46px;-webkit-user-select:none;user-select:none}.page-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}ul{list-style-type:none;padding-left:0;margin-left:0}button{-webkit-user-select:none;user-select:none}.header{background-color:#15172c;color:#fff;padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom-right-radius:12px;border-bottom-left-radius:20px;box-shadow:0 4px 12px #0000001a;top:0;left:0;width:100%;position:fixed;z-index:1000}.header-left{display:flex;align-items:center;gap:12px}.header-title{font-size:20px;font-weight:700;letter-spacing:.5px;white-space:nowrap;padding:10px}.logout-link{font-weight:700}.header-nav{display:flex;gap:24px;font-size:14px;font-weight:700;font-weight:500;padding-right:50px}a{color:#fff;text-decoration:none;transition:color .2s ease}.header-nav a:hover{color:#83127d}.footer{background-color:#15172c;color:#fff;display:flex;justify-content:space-between;align-items:center;font-size:14px;box-shadow:0 -2px 8px #00000026;padding:1rem;text-align:center}.footer-nav{display:flex;gap:20px}.footer-nav a{color:#fff;text-decoration:none;transition:color .2s ease}.footer-nav a:hover{color:#83127d}.signup-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#1a1a2e,#16213e);padding:1rem}.signup-box{background:#15172c;border-radius:1.5rem;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 25px #00000040}.signup-title{text-align:center;font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.signup-error{background-color:#ffe5e5;color:#b00020;padding:.75rem 1rem;margin-bottom:1rem;border-radius:.5rem;font-size:.9rem}.signup-form{display:flex;flex-direction:column;gap:1rem}.signup-input{padding:.75rem 1rem;border:1px solid #ccc;border-radius:.75rem;font-size:1rem}.signup-input:focus{border-color:#4a5cff;outline:none;box-shadow:0 0 0 2px #4a5cff4d}.signup-button{background-color:#4a5cff;color:#fff;padding:.75rem;border:none;border-radius:.75rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.signup-button:hover{background-color:#3742fa}.signup-footer{text-align:center;margin-top:1rem;font-size:.9rem;color:#e4e4e4}.signup-link{color:#6c7afa;text-decoration:none}.signup-link:hover{text-decoration:underline}.player-card{background:#1c2b46;color:#fff;font-weight:700;border-style:solid;border-width:3px;border-radius:5px;border-color:#25314d;font-size:12px;padding:2px 10px;margin-bottom:3px;display:flex;justify-content:space-between;align-items:center;box-shadow:1px 1px 5px #0000000d;transition:box-shadow .2s ease;-webkit-user-select:none;user-select:none}.player-card:hover{box-shadow:2px 4px 12px #0000001a;background:#26385a}.player-card div span{margin:0}.player-card button{background:linear-gradient(90deg,#162238,#15172c);border:none;color:#fff;padding:6px 12px;margin-left:20px;border-radius:6px;cursor:pointer;font-weight:700;transition:background-color .2s ease}.player-card button:hover{background:linear-gradient(90deg,#2c3285,#6e38da)}.player-card button:focus{outline:none;box-shadow:0 0 0 3px #fedfff}.draftPlayers{padding-left:20px;padding-right:22px;border-radius:20px;background-color:#162238}.player-card img{width:50px;height:35px;border-radius:4px}.DraftVisual{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:.1rem;padding:10px;border-radius:10px;background-color:#162238;border:1.5px solid rgb(0,0,0);box-shadow:#030617 2px 2px 10px;overflow-x:auto;text-align:left}.DraftVisual>div{flex:1 1;min-width:100px;max-width:250px}.text-info{display:flex;flex-direction:column;gap:3px;padding-right:35px;color:#000;height:100%}.pick-slot{position:relative;padding:5px 8px;display:flex;flex-direction:column;justify-content:flex-start;min-height:35px;flex-shrink:0;border:1px solid rgb(38,47,66);background-color:#29354e;border-radius:10px;margin-bottom:2px;overflow:hidden;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis}.player-name{font-weight:700;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-position{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snakeImg{position:absolute;bottom:0;right:5px}.TeamTitleSnake{background-color:#253452;padding:2px;border:solid rgb(42,55,82);border-width:1px;border-radius:10px;margin-bottom:5px;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-weight:700;color:#fff;font-size:14PX;display:flex;flex-direction:column;align-items:center;gap:5px}.icon{width:50px}.welcomebuttons{background:linear-gradient(90deg,#162238,#15172c);border:none;color:#fff;padding:20px 40px;margin-left:20px;border-radius:6px;cursor:pointer;font-weight:700;font-size:50px;transition:background-color .2s ease}.position-select{padding:.5rem 1rem;border-radius:8px;border:1px solid #2a2a42;background-color:#1e1e2f;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;outline:none;transition:all .2s ease}.position-select:hover{border-color:#888}.position-select:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf50}.search-input{padding:.5rem 1rem;border-radius:8px;border:1px solid #2a2a42;background-color:#1e1e2f;color:#fff;font-size:1rem;outline:none;flex:1;transition:all .2s ease}.search-input:hover{border-color:#888}.search-input:focus{border-color:#4caf50;box-shadow:0 0 5px #4caf50}p,h1,h2,h4,table,td{color:#fff}.about{display:flex;padding:10px;justify-content:center;align-items:center;border-radius:10px;-webkit-user-select:none;user-select:none}.about-container{max-width:900px;padding:0 20px 20px;background-color:#1e293b;background:linear-gradient(to bottom right,#1a1a2e,#16213e);border-radius:20px;box-shadow:0 12px 30px #f5f5f50d;border-color:#2c314d;border-style:solid;border-width:5px}.about-text{font-family:Segoe UI,sans-serif;text-align:center}.about-text h1{font-size:2rem;margin-bottom:20px;color:#fff}.about-text p{font-size:1rem;line-height:1.8;color:#d6d6d6;margin-bottom:18px}.wave{display:inline-block;animation:wave 2s infinite}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}@media (max-width: 768px){.about-text h1{font-size:2rem}.about-text p{font-size:1rem}}.about-content{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.about-text{flex:1;min-width:280px}.about-image img{width:180px;border-radius:50%/40%;border:4px solid rgb(44,49,77);box-shadow:0 4px 8px #00000026;transition:transform .3s ease}.about-image img:hover{transform:scale(1.05)}.work-item{margin-bottom:2rem;padding:1rem;border-left:4px solid #382fb3;background-color:#112;border-radius:6px}.work-item h3{font-size:1.2rem;font-weight:600;color:#e0f2fe;margin-bottom:.3rem}.work-item p.date{font-size:.85rem;color:#93c5fd;margin-bottom:.5rem}.work-item ul{padding-left:1.5rem;font-size:.75rem;list-style-type:disc;line-height:1.6}.work-item li{margin-bottom:.4rem;color:#dbeafe}.work-item:hover{background-color:#1e293b;transition:.2s ease-in-out}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab;margin-top:-80px}.circular-gallery:active{cursor:grabbing}.projects-section{max-width:1980px;margin:auto;padding:2rem;padding-top:5px;font-family:Segoe UI,sans-serif;color:#f0f0f0;background-color:#112;-webkit-user-select:none;user-select:none;border-radius:20px}.section-title{font-size:40px;font-weight:700;text-align:center;margin-bottom:2rem;color:#fff}.project-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-card{background:#1f2937;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #3626864d}.project-card h3{font-size:1.2rem;margin-bottom:.5rem}.project-category{display:block;font-size:.85rem;color:#93c5fd;margin-bottom:.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.tech-pill{background-color:#334155;padding:.3rem .6rem;border-radius:9999px;font-size:.65rem;color:#f1f5f9}.project-card ul{padding-left:1.2rem;list-style-type:disc}.project-card li{margin-bottom:.5rem;line-height:1.4;font-size:.7rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;background-color:#112;border-radius:20px;margin:50px auto;padding:5px 20px 20px;max-width:1100px;-webkit-user-select:none;user-select:none}.skill-category h3{font-size:1.2rem;color:#fff;margin-bottom:15px}.skill-category ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.skill-category li{background-color:#334155;color:#fff;padding:8px 14px;border-radius:20px;font-size:.8rem;font-weight:500;transition:background-color .3s ease}.skill-category li:hover{background-color:#000}