*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.access-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#312e81);position:relative;overflow:hidden}.background-container{position:absolute;inset:0;pointer-events:none}.bg-element{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(48px);animation:pulse 4s ease-in-out infinite}.bg-element-1{top:25%;left:25%;background:rgba(59,130,246,.1)}.bg-element-2{top:75%;right:25%;background:rgba(147,51,234,.1);animation-delay:1s}.bg-element-3{top:50%;left:50%;background:rgba(79,70,229,.05);animation-delay:2s;transform:translate(-50%,-50%)}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.2);border-radius:50%;animation:pulse 4s ease-in-out infinite}.modern-header{position:relative;z-index:10;background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.1)}.header-container{max-width:1280px;margin:0 auto;padding:0 24px}.header-content{justify-content:center;padding:12px 0}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#60a5fa,#6366f1);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(0,0,0,.3)}.logo-svg{width:24px;height:24px;filter:brightness(0) invert(1)}.brand-title{font-size:20px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.brand-subtitle{font-size:11px;color:rgba(191,219,254,.8);margin:0}.main-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:24px}.welcome-section{text-align:center;margin-bottom:32px}.welcome-title{font-size:32px;font-weight:700;color:white;margin-bottom:12px;line-height:1.1}.welcome-title-highlight{display:block;background:linear-gradient(135deg,#60a5fa,#a78bfa 50%,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}.welcome-description{font-size:16px;color:rgba(191,219,254,.8);max-width:480px;margin:0 auto;line-height:1.5}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;max-width:1000px;margin-left:auto;margin-right:auto}.access-card{position:relative;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);transform-origin:center;animation:fadeInUp .6s ease-out both}.access-card:hover{transform:scale(1.05);z-index:20}.access-card.disabled{opacity:.6;cursor:not-allowed}.access-card.disabled:hover{transform:none}.card-background{position:relative;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:20px;height:160px;transition:all .5s ease;overflow:hidden}.access-card:not(.disabled):hover .card-background{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);box-shadow:0 25px 50px rgba(59,130,246,.25)}.card-gradient-overlay{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;border-radius:16px}.card-gradient-overlay.active{opacity:.1}.gradient-blue{background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#6366f1)}.gradient-green{background:linear-gradient(135deg,#059669,#10b981 50%,#0d9488)}.gradient-orange{background:linear-gradient(135deg,#d97706,#ea580c 50%,#dc2626)}.gradient-cyan{background:linear-gradient(135deg,#0891b2,#3b82f6 50%,#8b5cf6)}.gradient-purple{background:linear-gradient(135deg,#7c3aed,#8b5cf6 50%,#6366f1)}.gradient-red{background:linear-gradient(135deg,#ea580c,#dc2626 50%,#e11d48)}.gradient-pink{background:linear-gradient(135deg,#db2777,#e11d48 50%,#dc2626)}.gradient-gray{background:linear-gradient(135deg,#475569,#64748b 50%,#52525b)}.card-shine{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);transform:translateX(-100%) skewX(-12deg);transition:transform 1s cubic-bezier(.4,0,.2,1)}.card-shine.active{transform:translateX(100%) skewX(-12deg)}.card-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;text-align:center;height:100%}.card-icon-container{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:all .5s ease}.card-icon-container.hovered{transform:scale(1.1) rotate(3deg)}.card-icon-container.disabled{filter:grayscale(100%)}.card-icon{width:28px;height:28px;color:white}.card-text{flex:1;display:flex;flex-direction:column;justify-content:center}.card-title{font-size:16px;font-weight:700;color:white;margin-bottom:4px;transition:color .3s ease}.access-card:hover .card-title{color:#bfdbfe}.card-subtitle{font-size:12px;color:rgba(191,219,254,.7);margin-bottom:10px}.card-action{display:flex;align-items:center;justify-content:center;color:rgba(147,197,253,.6);transition:all .3s ease}.card-action.hovered{color:#bfdbfe;transform:translateX(4px)}.action-text{font-size:12px;margin-right:4px}.action-icon{width:12px;height:12px}.card-maintenance{display:flex;align-items:center;justify-content:center;color:rgba(251,191,36,.7)}.maintenance-text{font-size:12px}.card-corner-accent{position:absolute;top:0;right:0;width:32px;height:32px;opacity:.3;border-bottom-left-radius:16px;transition:all .5s ease}.card-corner-accent.hovered{opacity:.5;transform:scale(1.5)}.modern-footer{position:relative;z-index:10;text-align:center;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.footer-text{color:rgba(191,219,254,.6);font-size:13px}.modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:32px;max-width:448px;width:100%;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:modalFadeIn .3s ease-out}.modal-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(255,255,255,.7);transition:all .2s ease}.modal-close-btn:hover{background:rgba(255,255,255,.2);color:white}.close-icon{width:16px;height:16px}.modal-header{text-align:center;margin-bottom:24px}.modal-icon-container{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#fbbf24,#ea580c);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.3)}.modal-icon{width:32px;height:32px;color:white}.modal-title{font-size:20px;font-weight:700;color:white;margin:0}.modal-message{color:rgba(191,219,254,.8);text-align:center;line-height:1.6;margin-bottom:24px}.modal-actions{display:flex;justify-content:center}.modal-action-btn{padding:8px 24px;background:linear-gradient(135deg,#3b82f6,#6366f1);color:white;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px rgba(0,0,0,.3)}.modal-action-btn:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 15px 30px rgba(0,0,0,.4);transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.welcome-title{font-size:28px}.welcome-description{font-size:15px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.card-background{padding:16px;height:140px}.card-icon-container{width:48px;height:48px;margin-bottom:10px}.card-icon{width:24px;height:24px}.card-title{font-size:15px}.card-subtitle{font-size:11px}.main-content{padding:20px 16px}.welcome-section{margin-bottom:24px}}@media (max-width:480px){.main-content{padding:16px 12px}.welcome-section{margin-bottom:20px}.welcome-title{font-size:24px}.welcome-description{font-size:14px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.card-background{padding:14px;height:120px}.card-icon-container{width:40px;height:40px;margin-bottom:8px}.card-icon{width:20px;height:20px}.card-title{font-size:13px}.card-subtitle{font-size:10px;margin-bottom:6px}.modal-content{padding:24px;margin:16px}.brand-title{font-size:18px}.brand-subtitle{font-size:10px}.modern-footer{padding:16px 0}.footer-text{font-size:12px}}@media (max-width:320px){.welcome-title{font-size:20px}.welcome-description{font-size:13px}.card-background{height:100px;padding:12px}.card-icon-container{width:36px;height:36px;margin-bottom:6px}.card-icon{width:18px;height:18px}.card-title{font-size:12px}.card-subtitle{font-size:9px}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}}