:root{--bg-color: #030305;--text-color: #e2e8f0;--card-bg: #0a0a0f;--card-border: #1a1a2e;--card-hover-bg: #0f0f18;--accent-violet: #7c3aed;--accent-violet-light: #a78bfa;--accent-violet-dark: #4c1d95;--gray-mouse: #6b7280;--secondary-text: #374151;--glow-violet: rgba(124, 58, 237, .4);--glow-violet-soft: rgba(124, 58, 237, .15)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg-color);color:var(--text-color);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 0%,var(--glow-violet-soft) 0%,transparent 60%);pointer-events:none;z-index:0}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2.5rem 1rem;position:relative;z-index:1}.floating-cubes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}.floating-cube{position:absolute;width:20px;height:20px;border:1px solid var(--accent-violet);opacity:.1;animation:floatCube 25s infinite ease-in-out}.cube-0{left:10%;top:20%;animation-delay:0s}.cube-1{left:85%;top:15%;animation-delay:-3s}.cube-2{left:70%;top:60%;animation-delay:-6s}.cube-3{left:20%;top:70%;animation-delay:-9s}.cube-4{left:50%;top:10%;animation-delay:-12s}.cube-5{left:90%;top:80%;animation-delay:-4s}.cube-6{left:5%;top:50%;animation-delay:-7s}.cube-7{left:60%;top:85%;animation-delay:-10s}.cube-8{left:35%;top:40%;animation-delay:-1s}.cube-9{left:75%;top:35%;animation-delay:-13s}.cube-10{left:15%;top:90%;animation-delay:-15s}.cube-11{left:45%;top:65%;animation-delay:-3s}.cube-12{left:80%;top:45%;animation-delay:-6s}.cube-13{left:25%;top:25%;animation-delay:-9s}.cube-14{left:95%;top:55%;animation-delay:-12s}@keyframes floatCube{0%,to{transform:translateY(0) rotate(0);opacity:.08}50%{transform:translateY(-30px) rotate(90deg);opacity:.15}}.app-header{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem;text-align:center;animation:headerFadeIn 1s ease-out}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.logo-wrapper{margin-bottom:1.5rem}.logo-cube{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.logo-svg{width:100%;height:100%;filter:drop-shadow(0 0 40px var(--glow-violet))}.app-title{font-size:2.5rem;font-weight:800;letter-spacing:.2em;margin-bottom:.5rem;color:var(--text-color)}.app-subtitle{color:var(--gray-mouse);font-size:.75rem;letter-spacing:.35em;text-transform:uppercase}.links-container{width:100%;max-width:28rem;display:flex;flex-direction:column;gap:.75rem}.main-layout{display:flex;gap:1.5rem;width:100%;max-width:900px;align-items:flex-start}.services-sidebar{width:220px;flex-shrink:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;padding:1rem;position:sticky;top:1rem}.services-intro{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--card-border)}.intro-badge{display:inline-block;background:var(--accent-violet-dark);color:var(--accent-violet-light);padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.services-intro p{font-size:.75rem;color:var(--gray-mouse);line-height:1.5}.services-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.service-item{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem;background:var(--card-hover-bg);border-radius:6px;transition:all .2s ease}.service-item:hover{background:#7c3aed1a}.service-icon{font-size:1.25rem;line-height:1}.service-text{display:flex;flex-direction:column;gap:.125rem}.service-text strong{font-size:.8rem;color:var(--text-color)}.service-text span{font-size:.65rem;color:var(--gray-mouse)}.sidebar-contact{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--card-border)}.sidebar-contact-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:transparent;border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);text-decoration:none;font-size:.75rem;transition:all .2s ease}.sidebar-contact-item:hover{border-color:var(--accent-violet);background:#7c3aed1a}.sidebar-contact-item span:first-child{font-size:1rem}.main-layout .links-container{flex:1;max-width:none}.link-card{display:flex;align-items:center;padding:1rem 1.25rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all .3s ease;animation:cardSlideIn .5s ease-out backwards}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.link-card:before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:var(--accent-violet);transform:scaleY(0);transition:transform .3s ease}.link-card:hover{background:var(--card-hover-bg);border-color:var(--accent-violet-dark);transform:translate(6px);box-shadow:0 0 30px var(--glow-violet-soft)}.link-card:hover:before{transform:scaleY(1)}.icon-wrapper{margin-right:1rem}.icon-cube{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-violet-dark) 0%,#0f0f18 100%);border:1px solid var(--accent-violet);border-radius:6px;transition:all .3s ease}.link-card:hover .icon-cube{background:linear-gradient(135deg,var(--accent-violet) 0%,var(--accent-violet-dark) 100%);box-shadow:0 0 20px var(--glow-violet)}.cube-icon{width:20px;height:20px}.cube-face{stroke:var(--accent-violet-light);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}.link-card:hover .cube-face{stroke:#fff}.link-content{flex:1}.link-title{font-size:1rem;font-weight:500;letter-spacing:.02em}.arrow-cube{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border);border-radius:4px;transition:all .3s ease;color:var(--gray-mouse);font-family:monospace;font-size:14px}.link-card:hover .arrow-cube{border-color:var(--accent-violet);background:var(--accent-violet);color:#fff}.contact-icons{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;gap:.75rem;z-index:100;animation:contactFadeIn .6s ease-out .5s backwards}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border:1px solid var(--accent-violet);border-radius:8px;color:var(--accent-violet-light);transition:all .3s ease;text-decoration:none}.contact-icon svg{width:22px;height:22px}.contact-icon:hover{background:var(--accent-violet);color:#fff;transform:translateY(-4px);box-shadow:0 0 25px var(--glow-violet)}.contact-icon.whatsapp:hover{background:#25d366;border-color:#25d366;box-shadow:0 0 25px #25d36666}.contact-icon.email:hover{background:var(--accent-violet)}.app-footer{margin-top:3.5rem;margin-bottom:4rem;color:var(--secondary-text);font-size:.7rem;letter-spacing:.1em;animation:footerFadeIn 1s ease-out .3s backwards}@keyframes footerFadeIn{0%{opacity:0}to{opacity:1}}.loading{justify-content:center;min-height:100vh}.loader{width:50px;height:50px;border:3px solid var(--card-border);border-top-color:var(--accent-violet);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-google-login{display:flex;align-items:center;gap:.75rem;margin-top:2rem;padding:.875rem 1.5rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text-color);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-google-login:hover{border-color:var(--accent-violet);box-shadow:0 0 20px var(--glow-violet-soft)}.app-nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#030305e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--card-border);z-index:100}.nav-brand{display:flex;align-items:center;gap:.75rem}.nav-logo{width:40px;height:40px}.nav-title{font-size:1.25rem;font-weight:700;letter-spacing:.15em}.nav-user{display:flex;align-items:center;gap:1rem}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--accent-violet)}.user-name{font-size:.9rem;color:var(--text-color)}.btn-logout{padding:.5rem 1rem;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:var(--gray-mouse);font-size:.85rem;cursor:pointer;transition:all .3s ease}.btn-logout:hover{border-color:var(--accent-violet);color:var(--text-color)}.btn-primary{padding:.75rem 1.5rem;background:var(--accent-violet);border:none;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--accent-violet-light);box-shadow:0 0 20px var(--glow-violet)}.dashboard{width:100%;max-width:1400px;padding:5rem 2rem 2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:700}.board-container{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.board-column{flex:0 0 280px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.column-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--card-hover-bg);border-bottom:1px solid var(--card-border)}.column-title{font-weight:600;font-size:.9rem}.column-count{background:var(--accent-violet-dark);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:var(--accent-violet-light)}.board-column.done .column-header{background:#22c55e1a}.board-column.done .column-count{background:#22c55e33;color:#22c55e}.column-body{padding:.5rem;min-height:200px}.task-placeholder{display:flex;align-items:center;justify-content:center;height:80px;border:1px dashed var(--card-border);border-radius:6px;color:var(--secondary-text);font-size:.85rem}.content-area{flex:1;display:flex;gap:1rem;position:relative}.service-detail-panel{position:absolute;left:0;top:0;width:320px;background:var(--card-bg);border:1px solid var(--accent-violet);border-radius:8px;overflow:hidden;z-index:10;animation:slideIn .3s ease-out;box-shadow:0 0 40px var(--glow-violet-soft)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.service-detail-header{display:flex;align-items:center;gap:.75rem;padding:1rem;background:linear-gradient(135deg,var(--accent-violet-dark) 0%,var(--card-bg) 100%);border-bottom:1px solid var(--card-border)}.service-detail-icon{font-size:1.5rem}.service-detail-header h2{flex:1;font-size:.95rem;font-weight:600}.close-panel-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--card-border);border-radius:4px;color:var(--gray-mouse);font-size:1.25rem;cursor:pointer;transition:all .2s ease}.close-panel-btn:hover{border-color:var(--accent-violet);color:var(--text-color)}.service-detail-cta{padding:1rem;background:linear-gradient(135deg,rgba(37,211,102,.1) 0%,transparent 100%);border-bottom:1px solid var(--card-border)}.cta-button-main{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1rem;background:#25d366;color:#fff;text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:600;transition:all .3s ease}.cta-button-main:hover{background:#22c55e;box-shadow:0 0 25px #25d36666;transform:translateY(-2px)}.service-detail-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.service-detail-item{display:flex;gap:.75rem;padding:.75rem;background:var(--card-hover-bg);border-radius:6px;animation:fadeInUp .3s ease-out backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-emoji{font-size:1.25rem;line-height:1}.item-content strong{display:block;font-size:.85rem;color:var(--accent-violet-light);margin-bottom:.25rem}.item-content p{font-size:.75rem;color:var(--gray-mouse);line-height:1.4;margin:0}.links-container.shifted{display:none}.service-item.active{background:#7c3aed33;border:1px solid var(--accent-violet)}.service-item{cursor:pointer;border:1px solid transparent}@media (max-width: 768px){.main-layout{flex-direction:column}.services-sidebar{width:100%;position:relative;top:0;margin-bottom:1.5rem}.services-list{display:grid;grid-template-columns:repeat(2,1fr)}.service-detail-panel{position:relative;width:100%;margin-bottom:1rem}.links-container.shifted{margin-left:0}}@media (max-width: 480px){.app-title{font-size:2rem}.logo-cube{width:100px;height:100px}.link-card{padding:.875rem 1rem}.icon-cube{width:40px;height:40px}.app-nav{padding:.75rem 1rem}.user-name{display:none}.dashboard{padding:4rem 1rem 1rem}.services-list{grid-template-columns:1fr}}