*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{font-family:-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-color:#1a1a1a;color:#e0e0e0;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/background.png);background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed;filter:blur(3px);opacity:.7;z-index:0;pointer-events:none}main{max-width:1200px;margin:0 auto;padding:40px 20px;position:relative;z-index:10}a{color:#4da8ff;text-decoration:none;transition:color .3s ease}a:hover{color:#80c0ff;text-decoration:underline}h1{font-size:2.5rem;font-weight:700;color:#ffffff;text-shadow:0 2px 10px rgba(0,0,0,.5)}h1,h2{margin-bottom:1rem}h2{font-size:1.8rem;color:#f0f0f0;margin-top:2rem}h2,h3{font-weight:600}h3{font-size:1.4rem;color:#e0e0e0;margin-bottom:.8rem}.card{background:rgba(10,14,39,.85);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(77,168,255,.2);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 8px 32px rgba(0,0,0,.5);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px rgba(77,168,255,.2);border-color:rgba(77,168,255,.4)}.button,button{background:rgba(255,255,255,.05);color:white;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.button:hover,button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,107,53,.5);box-shadow:0 0 20px rgba(255,107,53,.2)}.button:disabled,button:disabled{opacity:.3;cursor:not-allowed;transform:none}.game-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(255,107,53,.4);filter:brightness(1.2)}.quick-link{cursor:pointer;transition:all .3s ease;border-left:3px solid transparent}.quick-link:hover{border-left-color:#ff6b35;background:rgba(255,107,53,.05)}input,select,textarea{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px;color:#ffffff;font-size:1rem;transition:border-color .3s ease,background .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#4da8ff;background:rgba(255,255,255,.12)}input::placeholder{color:rgba(255,255,255,.4)}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-weight:600;color:#e0e0e0;font-size:.95rem}.input-group input,.input-group textarea{width:100%}.steam-button{display:inline-block;background:linear-gradient(135deg,#171a21,#27384f);color:#ffffff!important;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;text-decoration:none!important;transition:all .3s ease;text-align:center;width:100%}.steam-button:hover{background:linear-gradient(135deg,#171a21,#4582b5);border-color:rgba(102,192,244,.6);box-shadow:0 0 20px rgba(102,192,244,.3);transform:translateY(-2px)}code{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em;color:#ffa07a}ol,ul{margin-left:1.5rem;line-height:1.8}li{margin-bottom:.5rem}table{width:100%;border-collapse:collapse;background:rgba(255,255,255,.03);border-radius:8px;overflow:hidden}th{background:rgba(255,255,255,.1);text-align:left;font-weight:600;color:#ffffff}td,th{padding:12px}td{border-top:1px solid rgba(255,255,255,.05)}tr:hover{background:rgba(255,255,255,.05)}@media (max-width:768px){main{padding:20px 15px}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:16px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:rgba(255,255,255,.05)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.3)}