body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#282c34;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh}main{text-align:center}button{padding:15px 30px;font-size:18px;color:#fff;background-color:#0070f3;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;margin:10px;box-shadow:0 2px 4px rgba(0,0,0,.2)}button:hover{background-color:#005bb5;box-shadow:0 4px 8px rgba(0,0,0,.3)}h1{font-size:3rem}p{font-size:1.5rem}.wheel-container{position:relative;width:200px;height:200px;margin:20px auto}.wheel{width:100%;height:100%;border:10px solid #ccc;border-radius:50%;background:conic-gradient(red 0 25%,#0f0 25% 50%,#00f 50% 75%,#ff0 75% 100%);transition:transform 4s ease-out}.spin{transform:rotate(4turn)}.logo-container{margin-bottom:20px}.social-buttons{display:flex;justify-content:center;margin-top:20px}.social-button{padding:10px 20px;font-size:16px;margin:0 10px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.2)}.social-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.3)}.github{background-color:#333}.github:hover{background-color:#555}.twitter{background-color:#1da1f2}.twitter:hover{background-color:#0d8ddc}.supra-dev-hub{background-color:#ff4500}.supra-dev-hub:hover{background-color:#cc3700}.spin-the-wheel-container{margin-bottom:30px}.spin-button{margin-top:20px}