@tailwind base;@tailwind components;@tailwind utilities;*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfdfb;color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.scroll-smooth{scroll-behavior:smooth}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-content{animation:slideInUp .6s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:2rem 0;padding:3rem;transform-origin:center bottom}.section-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#7c3aed);background-clip:text;-webkit-background-clip:text;margin-bottom:1.5rem}.section-content h2{color:#374151;margin-bottom:1rem;margin-top:2rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tile-nav-button{overflow:hidden;position:relative}.tile-nav-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tile-nav-button:hover:before{left:100%}.progress-dot.active{animation:pulse 2s infinite}.role-card{transition:transform .3s ease,box-shadow .3s ease}.role-card:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-5px)}.nav-link{border-bottom-width:2px;border-color:#0000;padding-bottom:4px;transition:color .3s ease,border-color .3s ease}.nav-link.active,.nav-link:hover{border-color:#3b82f6;color:#3b82f6}.btn-tab{transition:all .3s ease}.btn-tab.active{background-color:#3b82f6;box-shadow:0 4px 14px 0 #3b82f666;color:#fff}.btn-tab:not(.active){background-color:#e5e7eb;color:#374151}.btn-tab:not(.active):hover{background-color:#d1d5db}.gradient-bg,.text-gradient{background:linear-gradient(135deg,#667eea,#764ba2)}.text-gradient{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text}.relationship-node{cursor:pointer;transition:all .3s ease}.relationship-node:hover{box-shadow:0 10px 25px #00000026;transform:scale(1.05)}.flow-arrow{color:#9ca3af;position:relative}.flow-arrow:after{content:"→";font-size:2rem;opacity:.5;position:absolute;right:-1.75rem;top:50%;transform:translateY(-50%)}.timeline-container{margin:0 auto;max-width:1000px;position:relative}.animate-fade-in{animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tile-enter{opacity:0;transform:scale(.9) translateY(20px);transition:all .5s cubic-bezier(.25,.46,.45,.94)}.tile-enter-active,.tile-exit{opacity:1;transform:scale(1) translateY(0)}.tile-exit{transition:all .3s cubic-bezier(.55,.055,.675,.19)}.tile-exit-active{opacity:0;transform:scale(.95) translateY(-10px)}.section-transition{transition:all .5s cubic-bezier(.4,0,.2,1)}.nav-tile{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-tile:before{background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.nav-tile:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-2px) scale(1.02)}.nav-tile:hover:before{opacity:1}.nav-tile.active:before{background:linear-gradient(135deg,#3b82f633,#9333ea33);opacity:1}.nav-tile:active{transform:translateY(0) scale(.98)}.progress-dot{cursor:pointer;transition:all .3s ease}.progress-dot:hover{transform:scale(1.2)}@media (max-width:768px){.animate-fade-in{animation:mobileSlideIn .4s ease-out}.section-content{border-radius:15px;margin:1rem 0;padding:1.5rem}.content-tile{min-height:calc(100vh - 8rem);padding:1rem}}@keyframes mobileSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.nav-button-active{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-1px)}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.slide-in-right{animation:slideInFromRight .5s ease-out}.slide-in-left{animation:slideInFromLeft .5s ease-out}.content-tile{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 4rem);padding:2rem}.page-transition-enter{opacity:0;transform:translateY(20px) scale(.98)}.page-transition-enter-active{transition:all .5s cubic-bezier(.16,1,.3,1)}.page-transition-enter-active,.page-transition-exit{opacity:1;transform:translateY(0) scale(1)}.page-transition-exit-active{opacity:0;transform:translateY(-20px) scale(.98);transition:all .3s cubic-bezier(.16,1,.3,1)}.keyboard-hint{animation:fadeInOut 3s ease-in-out 2s;background:#000c;border-radius:.5rem;bottom:1rem;color:#fff;font-size:.875rem;opacity:0;padding:.5rem 1rem;pointer-events:none;position:fixed;right:1rem}@keyframes fadeInOut{0%,to{opacity:0}20%,80%{opacity:1}}