@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Inter,sans-serif;font-weight:300;background:linear-gradient(180deg,#0f0c18,#1a1a2e 50%,#2d1b3d);color:#f5f5f5;overflow-x:hidden}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}#__next{min-height:100vh;display:flex;flex-direction:column}.stars-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.stars1,.stars2,.stars3{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6}.stars1{animation:twinkle 4s ease-in-out infinite;background-image:radial-gradient(1px 1px at 20px 30px,#fff,transparent),radial-gradient(1px 1px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#fff,transparent),radial-gradient(1px 1px at 160px 30px,#fff,transparent)}.stars1,.stars2{background-repeat:repeat;background-size:200px 100px}.stars2{animation:twinkle 6s ease-in-out infinite reverse;background-image:radial-gradient(1px 1px at 60px 20px,#fff,transparent),radial-gradient(1px 1px at 100px 60px,#fff,transparent),radial-gradient(1px 1px at 140px 90px,#fff,transparent),radial-gradient(1px 1px at 180px 10px,#fff,transparent)}.stars3{animation:twinkle 8s ease-in-out infinite;background-image:radial-gradient(1px 1px at 30px 90px,#fff,transparent),radial-gradient(1px 1px at 80px 50px,#fff,transparent),radial-gradient(1px 1px at 120px 20px,#fff,transparent),radial-gradient(1px 1px at 170px 70px,#fff,transparent);background-repeat:repeat;background-size:200px 100px}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}main{flex:1 1;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}@media (max-width:600px){main{min-height:calc(100vh - 100px)}}.header{background-color:#1a1a2e;padding:16px 20px;position:relative;z-index:1101;width:100%;border-bottom:1px solid #333}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header h1{margin:0;font-size:24px;color:#fff;font-weight:300;letter-spacing:.5px}.header-buttons{display:flex;align-items:center;gap:16px}.header-login-btn{background:transparent;color:#a78bfa;text-decoration:none;font-weight:500;font-size:.85rem;padding:6px 16px;border-radius:50px;border:1px solid #6b46c1;transition:all .3s ease;display:inline-block;opacity:.7}.header-login-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border-color:transparent;box-shadow:0 6px 20px rgba(236,72,153,.3);opacity:1}.header-login-btn:active{transform:translateY(0)}.logout-btn{background:linear-gradient(135deg,#ec4899,#8b5cf6);color:#fff;border:none;padding:6px 16px;border-radius:50px;font-size:.85rem;cursor:pointer;font-weight:500;transition:all .3s ease;outline:none;opacity:1;box-shadow:none}.logout-btn:hover{transform:scale(1.04) translateY(-1px);box-shadow:0 6px 20px rgba(236,72,153,.3)}.logout-btn:active{transform:scale(1) translateY(0)}@media (max-width:600px){.header{padding:12px 16px}.header h1{font-size:20px}.logout-btn{padding:6px 12px;font-size:12px}}.footer{background-color:#1a1a2e;padding:20px;position:static;width:100%;border-top:1px solid #333;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.footer-text{margin:0;color:#ccc;font-size:14px;font-weight:300}.github-link{color:#ec4899;text-decoration:none;font-size:14px;font-weight:400}.github-link:hover{color:#f472b6;text-decoration:underline}@media (max-width:600px){.footer{padding:16px}.footer-content{flex-direction:column;gap:8px;text-align:center}.footer-text,.github-link{font-size:12px}}