.m365-page{background:#f7f8f4}.m365-app-console{position:relative;margin-inline:auto;overflow:hidden;border:1px solid rgba(203,213,225,.78);border-radius:2rem;background:radial-gradient(circle at 12% 85%,rgba(59,130,246,.08),transparent 18rem),radial-gradient(circle at 88% 12%,rgba(139,92,246,.08),transparent 17rem),#ffffffd1;padding:4.75rem 1.25rem 1.4rem;box-shadow:0 28px 80px #0f172a1f,0 5px 18px #0f172a0d;backdrop-filter:blur(18px)}.m365-app-console:before{position:absolute;top:0;right:0;left:0;display:flex;min-height:3.6rem;align-items:center;border-bottom:1px solid #e2e8f0;background:#f8fafceb;padding:0 1.25rem;color:#334155;font-size:.78rem;font-weight:800;content:"Ihr Microsoft 365 Tenant"}.m365-app-console:after{position:absolute;top:1.3rem;right:1.3rem;width:.55rem;height:.55rem;border-radius:999px;background:#84cc16;box-shadow:0 0 0 .34rem #84cc1621;content:""}.m365-services,.m365-process,.m365-region{background:#f7f8f4}.m365-compare,.m365-faq,.m365-related{background:#fff}.m365-services .m365-card{min-height:21rem;border-radius:1.5rem;border-color:#e2e8f0;box-shadow:0 10px 30px #0f172a0b}.m365-services .m365-card:nth-child(1){border-color:#bfdbfe;background:linear-gradient(145deg,#fff,#eff6ff)}.m365-services .m365-card:nth-child(3){border-color:#ddd6fe;background:linear-gradient(145deg,#fff,#f5f3ff)}.m365-services .m365-card:nth-child(4){border-color:#99f6e4;background:linear-gradient(145deg,#fff,#f0fdfa)}.m365-services .m365-card:nth-child(5){border-color:#fecaca;background:linear-gradient(145deg,#fff,#fef2f2)}.m365-services .m365-card:nth-child(6){border-color:#fde68a;background:linear-gradient(145deg,#fff,#fffbeb)}.m365-compare .grid>div{border-radius:1.55rem;background:#f8fafc}.m365-compare .compare-highlight{background:radial-gradient(circle at 82% 15%,rgba(59,130,246,.08),transparent 11rem),linear-gradient(145deg,#fff,#f7fee7);box-shadow:0 22px 55px #84cc1624;transform:translateY(-.35rem)}.m365-process .timeline-step{min-height:18rem;border:1px solid #e2e8f0;border-radius:1.5rem;background:#fff;padding:1.6rem;box-shadow:0 10px 30px #0f172a0b;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.m365-process .timeline-step:nth-child(2) .timeline-dot{background:#3b82f6;box-shadow:0 12px 26px #3b82f638}.m365-process .timeline-step:nth-child(3) .timeline-dot{background:#8b5cf6;box-shadow:0 12px 26px #8b5cf638}.m365-process .timeline-step:nth-child(4) .timeline-dot{background:#06b6d4;box-shadow:0 12px 26px #06b6d438}.m365-process .timeline-step:hover{border-color:#bfdbfe;box-shadow:0 18px 42px #0f172a14;transform:translateY(-.22rem)}.m365-faq .faq-item{overflow:hidden;border-radius:1.15rem;box-shadow:0 8px 24px #0f172a09;transition:border-color .2s ease,box-shadow .2s ease}.m365-faq .faq-item:hover,.m365-faq .faq-item.faq-open{border-color:#bfdbfe;box-shadow:0 14px 34px #0f172a12}.m365-region>div{border:1px solid #bfdbfe;border-radius:2.5rem;background:radial-gradient(circle at 86% 18%,rgba(139,92,246,.1),transparent 18rem),radial-gradient(circle at 12% 82%,rgba(34,211,238,.1),transparent 16rem),linear-gradient(145deg,#fff,#eff6ff);padding-top:3.2rem;padding-bottom:3.2rem;box-shadow:0 18px 52px #3b82f614}.m365-region .reveal>span{border-color:#bfdbfe;background:#fff;color:#1d4ed8;transition:border-color .18s ease,transform .18s ease}.m365-region .reveal>span:hover{border-color:#60a5fa;transform:translateY(-.12rem)}.m365-related .grid>div{border-radius:1.4rem;border-color:#e2e8f0;box-shadow:0 10px 30px #0f172a0b}.m365-related .grid>div:hover{border-color:#a5b4fc;box-shadow:0 18px 42px #0f172a14}.m365-cta-wrap{background:#f7f8f4}.m365-page a:focus-visible,.m365-page button:focus-visible{outline:3px solid rgba(59,130,246,.62);outline-offset:4px}.m365-card{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);will-change:transform}.m365-card:hover{transform:translateY(-8px) rotateX(2deg) rotateY(-1deg);box-shadow:0 32px 80px #84cc1638,0 0 0 1px #84cc161a}.m365-card .card-icon{transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s ease}.m365-card:hover .card-icon{transform:scale(1.15) rotate(-6deg);background:linear-gradient(135deg,#84cc16,#22d3ee)}.m365-card:hover .card-icon svg{color:#fff}.hero-m365{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#f0fdf4 60%,#f8fafc);position:relative;overflow:hidden}.hero-m365 .orb-1{position:absolute;width:700px;height:700px;top:-20%;right:-10%;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);filter:blur(80px);animation:orbDrift1 12s ease-in-out infinite alternate}.hero-m365 .orb-2{position:absolute;width:500px;height:500px;bottom:-15%;left:-5%;background:radial-gradient(circle,rgba(132,204,22,.15) 0%,transparent 70%);filter:blur(80px);animation:orbDrift2 10s ease-in-out infinite alternate}.hero-m365 .orb-3{position:absolute;width:400px;height:400px;top:30%;left:40%;background:radial-gradient(circle,rgba(56,189,248,.1) 0%,transparent 70%);filter:blur(60px);animation:orbDrift3 14s ease-in-out infinite alternate}@keyframes orbDrift1{0%{transform:translate(0) scale(1)}to{transform:translate(-40px,30px) scale(1.08)}}@keyframes orbDrift2{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.05)}}@keyframes orbDrift3{0%{transform:translate(0) scale(1)}to{transform:translate(-20px,-30px) scale(1.1)}}.float-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(132,204,22,.12);box-shadow:0 8px 32px #0f172a0f;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease,border-color .4s ease}.float-card:hover{transform:translateY(-6px) scale(1.03);border-color:#84cc164d;box-shadow:0 20px 50px #84cc161f}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes floatMed{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-1{animation:floatSlow 6s ease-in-out infinite}.float-2{animation:floatMed 5s ease-in-out infinite .5s}.float-3{animation:floatSlow 7s ease-in-out infinite 1s}.float-4{animation:floatMed 5.5s ease-in-out infinite 1.5s}.float-5{animation:floatSlow 6.5s ease-in-out infinite .8s}.float-6{animation:floatMed 5s ease-in-out infinite 1.2s}@keyframes heroPulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(2.5);opacity:0}}.hero-pulse-ring{animation:heroPulseRing 2s ease-out infinite}.timeline-step{position:relative}.timeline-dot{transition:all .3s ease}.timeline-step:hover .timeline-dot{transform:scale(1.2);box-shadow:0 0 20px #84cc1680}.compare-highlight{position:relative}.compare-highlight:before{content:"";position:absolute;inset:-2px;border-radius:1rem;border:2px solid #84cc16;pointer-events:none}@media(max-width:768px){.m365-app-console{padding:4.5rem 1rem 1rem}.m365-card:hover,.float-card:hover{transform:none}.float-1,.float-2,.float-3,.float-4,.float-5,.float-6,.hero-m365 .orb-1,.hero-m365 .orb-2,.hero-m365 .orb-3{animation:none}.hero-pulse-ring{animation:none;display:none}}@media(prefers-reduced-motion:reduce){.m365-page *,.m365-page *:before,.m365-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}