:root{--bg-color: #f5f5f5;--text-color: #000000;--header-bg: rgba(255, 255, 255, .2)}.dark{--bg-color: #1a1a1a;--text-color: #ffffff;--header-bg: rgba(0, 0, 0, .2)}html,body{margin:0;padding:0;height:100vh;display:flex;flex-direction:column;background:var(--bg-color);color:var(--text-color);font-family:Arial,sans-serif;transition:background .3s ease,color .3s ease;overflow-x:hidden}body{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;position:relative;min-height:100vh;padding-bottom:80px}main{flex-grow:1;padding-bottom:2rem}.widget-section{margin:3rem 0!important}.widget-section:first-of-type{margin-top:5rem!important}.widget-section:last-of-type{margin-bottom:5rem!important}@media (max-width: 768px){body{padding-bottom:100px!important}.widget-section{margin:2rem 0!important;padding:1.5rem!important}.widget-section:first-of-type{margin-top:3rem!important}.widget-section:last-of-type{margin-bottom:3rem!important}}.glass-header{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff3;backdrop-filter:blur(10px);border-radius:0 0 20px 20px;box-shadow:0 4px 10px #0000001a;display:flex;align-items:center;justify-content:space-between;padding:0 2%;z-index:1000}.logo-container{margin-left:8px}.logo{height:48px;width:auto}.access-button{padding:10px 20px;background-color:#ffffff4d;color:#333;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:16px;font-weight:700;backdrop-filter:blur(5px);cursor:pointer;transition:all .3s ease}.access-button:hover{background-color:#fff9;color:#000;border-color:#fffc}.access-button:focus{outline:none;box-shadow:0 0 5px #fffc}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:1000;opacity:0;visibility:hidden;transition:opacity .1s ease-in-out,visibility .1s ease-in-out}.modal-overlay.visible{opacity:1;visibility:visible}.modal-overlay.hidden{opacity:0;visibility:hidden}.modal-content{background:#ffffffe6;backdrop-filter:blur(15px);padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;width:90%;max-width:400px;position:relative}.close-button{position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:#333}.close-button:hover{color:#000}.form-group{margin-bottom:15px;text-align:left}label{display:block;margin-bottom:5px;font-size:.9rem;color:#444;font-weight:700}input[type=text],input[type=email],input[type=password]{width:100%;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;transition:border-color .3s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:#007acc;outline:none;box-shadow:0 0 4px #007acc80}.submit-button{background-color:#007acc;color:#fff;padding:10px 15px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease-in-out,transform .2s ease;width:100%}.submit-button:hover{background-color:#005fa3}.submit-button:active{transform:scale(.98)}@media (max-width: 480px){.modal-content{padding:15px;width:95%}.form-group label{font-size:.85rem}.submit-button{font-size:.9rem;padding:10px}}.glass-footer{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;background:#fff3;backdrop-filter:blur(10px);padding:10px 40px;text-align:center;border-radius:20px 20px 0 0;box-shadow:0 -4px 10px #0000001a;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:.875rem;line-height:1.5;z-index:1000}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto}.footer-content p{margin:0 10px;color:#e0e0e0;text-align:center}.footer-content p:first-child{font-weight:700}.footer-content a{color:#4caf50;text-decoration:none;transition:color .3s ease}.footer-content a:hover{color:#fff}@media (max-width: 768px){.glass-footer{height:auto;min-height:80px;padding:15px 20px;flex-direction:column;text-align:center;position:fixed;bottom:0}.footer-content{flex-direction:column;gap:8px}body{padding-bottom:100px}}