*{box-sizing:border-box;margin:0;padding:0}.linkWrapper{display:block;text-decoration:none;color:inherit;transition:transform .2s}.linkWrapper:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;line-height:1.6;color:#333;background-color:#f8f9fa}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;line-height:1.3}.notification-bar-container{position:relative;z-index:1000}.notification-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:5;padding:0 20px}.notification-text{flex:1 1}.notification-wallet{flex-shrink:0}.notification-bar{background:#ffeb3b;padding:10px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease;border-bottom:1px solid #fdd835}.notification-text h4{font-weight:500;font-size:.95rem;margin:0;letter-spacing:.2px;color:rgba(0,0,0,.8);position:relative;z-index:5;text-shadow:0 0 1px rgba(255,235,59,.7)}.notification-animation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.header{position:relative;padding:70px 20px;text-align:center;background-color:#25a244;background-image:linear-gradient(135deg,#25a244,#1e864f);color:white;overflow:hidden;box-shadow:0 2px 15px rgba(0,0,0,.1)}.header-content{position:relative;z-index:2;max-width:1200px;margin:0 auto}.header h1{font-size:2.8rem;margin-bottom:.5rem;font-weight:700;letter-spacing:-.5px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.slimmenu{display:flex;background-color:#fff;justify-content:center;box-shadow:0 4px 6px rgba(0,0,0,.05);position:relative;z-index:100}.slimmenu a{color:#444;padding:16px 24px;text-decoration:none;text-align:center;font-weight:500;font-size:.95rem;letter-spacing:.3px;transition:all .25s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.slimmenu a:hover{background-color:transparent;color:#25a244}.slimmenu a.active{color:#25a244}.slimmenu a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:50%;background-color:#25a244;transition:all .3s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateX(-50%)}.slimmenu a.active:after,.slimmenu a:hover:after{width:70%;opacity:1}.page-content{flex:1 0 auto;display:flex;flex-direction:column;padding:30px 15px;max-width:1400px;margin:0 auto;width:100%}.grid-container{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(250px,1fr);grid-gap:20px;gap:20px;margin-bottom:30px;box-shadow:0 8px 30px rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.grid-item{background-color:#fff;padding:40px 20px;display:flex;justify-content:center;align-items:center;text-align:center;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden}.grid-item.blue{background-color:#4285F4;background-image:linear-gradient(135deg,#4285F4,#3367d6)}.grid-item.brown{background-color:#996633;background-image:linear-gradient(135deg,#996633,#7e5425)}.grid-item.green{background-color:#34A853;background-image:linear-gradient(135deg,#34A853,#2d8745)}.grid-item.pink{background-color:#E91E63;background-image:linear-gradient(135deg,#E91E63,#c2185b)}.grid-item:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.15);z-index:5}.grid-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s ease}.grid-item:hover:before{opacity:1}.grid-link{color:white;text-decoration:none;font-size:1.75rem;font-weight:600;letter-spacing:.5px;padding:15px 25px;border-radius:4px;transition:all .3s ease;position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.grid-link:after{content:"";position:absolute;width:30px;height:2px;bottom:5px;left:50%;transform:translateX(-50%);background-color:rgba(255,255,255,.7);transition:width .3s ease}.grid-item:hover .grid-link:after{width:70%}.footer{padding:40px 20px;text-align:center;background:#222;color:white;flex-shrink:0}.footer h2{font-size:1.5rem;font-weight:500;margin-bottom:15px;color:#f8f9fa}.footer p{max-width:600px;margin:0 auto 10px;color:#aaa;font-size:.9rem}.wallet-connect{position:absolute;top:20px;right:20px;z-index:200}.connect-button{background-color:white;color:#333;border:none;padding:10px 20px;border-radius:50px;cursor:pointer;font-weight:500;font-size:.9rem;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .2s ease}.connect-button:hover{background-color:#f8f8f8;box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-2px)}.wallet-info{background-color:white;padding:15px;border-radius:8px;margin-top:10px;border:none;display:none;box-shadow:0 8px 20px rgba(0,0,0,.15);font-size:.9rem}.slimmenu-container{position:relative;background-color:#fff;box-shadow:0 4px 6px rgba(0,0,0,.05);z-index:100}.hamburger-menu{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;position:absolute;top:18px;left:20px;z-index:200;transition:transform .2s ease}.hamburger-menu:hover{transform:scale(1.05)}.hamburger-menu span{display:block;height:3px;width:100%;background-color:#333;border-radius:3px;transition:all .25s cubic-bezier(.165,.84,.44,1)}.hamburger-menu:hover span{background-color:#25a244}.hamburger-menu.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger-menu.open span:nth-child(2){opacity:0}.hamburger-menu.open span:last-child{transform:translateY(-9px) rotate(-45deg)}@media screen and (max-width:900px){.header h1{font-size:2.2rem}.grid-link{font-size:1.5rem}}@media screen and (max-width:768px){.header{padding:50px 15px}.slimmenu{flex-direction:column;position:absolute;top:0;left:0;width:100%;background-color:white;box-shadow:0 4px 10px rgba(0,0,0,.1);transform:translateY(-100%);transition:transform .3s ease;opacity:0;visibility:hidden;padding-top:60px;z-index:150}.slimmenu.open{transform:translateY(0);opacity:1;visibility:visible}.slimmenu a{width:100%;border-bottom:1px solid #eee;padding:15px 20px;text-align:left;position:relative;display:flex;align-items:center;overflow:hidden}.slimmenu a,.slimmenu a:before{transition:all .3s cubic-bezier(.19,1,.22,1)}.slimmenu a:before{content:"›";position:absolute;right:20px;font-size:1.5rem;opacity:0;transform:translateX(-10px);color:#25a244}.slimmenu a:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(37,162,68,.05),transparent);z-index:1;display:block;transition:transform .65s ease}.slimmenu a:hover{background-color:rgba(37,162,68,.04);padding-left:25px;border-left:4px solid #25a244;color:#25a244}.slimmenu a:hover:before{opacity:1;transform:translateX(0)}.slimmenu a:hover:after{transform:translateX(200%)}.slimmenu a.active{background-color:rgba(37,162,68,.08);border-left:4px solid #25a244;font-weight:500;padding-left:25px}.slimmenu a.active:before{content:"›";opacity:1;transform:translateX(0)}.hamburger-menu{display:flex}.grid-container{grid-template-columns:1fr;gap:15px;border-radius:6px}.grid-item{padding:30px 15px}.wallet-connect{position:relative;top:auto;right:auto;margin:15px auto;display:flex;max-width:250px}.connect-button,.wallet-connect{justify-content:center;width:100%}.notification-content{flex-direction:column;gap:10px}.notification-text{text-align:center;margin-bottom:8px}}@media screen and (max-width:480px){.notification-text h4{font-size:.85rem}.header h1{font-size:1.8rem}.grid-link{font-size:1.3rem}.footer{padding:30px 15px}}@media screen and (min-width:769px){.slimmenu{padding:0;display:flex;justify-content:center}}.header svg,.notification-animation svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.buttons-container{display:flex;flex-direction:column;gap:12px;width:100%}.social-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;width:100%}.btn{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;border:none;width:100%}.btn--primary{background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn--outline{background:white;color:#333;border:1px solid #e5e7eb}.btn--outline:hover{background:#f9fafb;border-color:#d1d5db}.btn--link{background:transparent;color:#667eea;border:none;padding:8px}.btn--link:hover{text-decoration:underline}.btn__icon{position:relative;width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.btn__label{flex:1 1;text-align:center}