:root{--gradient-primary:linear-gradient(135deg,#6b26d9,#8a2eb8);--gradient-hero:linear-gradient(135deg,#09090b,#200b41 50%,#09090b);--gradient-card:linear-gradient(135deg,#242428,#2a2a32);--shadow-glow:0 0 30px hsl(var(--primary)/0.3);--shadow-card:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-hover:0 10px 15px -3px hsl(var(--primary)/0.1),0 4px 6px -4px hsl(var(--primary)/0.1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--devassure-blue:262 43% 44%;--devassure-blue-light:214 88% 45%;--devassure-gray:210 11% 71%;--devassure-gray-light:210 17% 95%;--devassure-text:222.2 84% 4.9%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,sans-serif}.glossary-container{display:grid;grid-template-columns:250px 1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:100vh}.glossary-sidebar{position:sticky;top:2rem;height:fit-content;background:var(--gradient-subtle);border-radius:12px;border:1px solid hsl(var(--border));padding:1.5rem;box-shadow:var(--shadow-card)}.glossary-sidebar h3{font-size:1.1rem;font-weight:600;color:hsl(var(--devassure-text));margin-bottom:1rem;border-bottom:2px solid hsl(var(--devassure-blue));padding-bottom:.5rem}.alphabet-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.alphabet-link{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:6px;text-decoration:none;font-weight:500;color:rgb(55 65 81/var(--tw-text-opacity,1));transition:var(--transition-smooth);border:1px solid transparent}.alphabet-link:hover{background:hsl(var(--devassure-blue)/.1);color:hsl(var(--devassure-blue));border-color:hsl(var(--devassure-blue)/.2)}.alphabet-link.active{background:hsl(var(--devassure-blue));color:hsl(var(--primary-foreground));font-weight:600}.glossary-main{min-width:0}.glossary-header{text-align:center;margin-bottom:3rem}.glossary-title{font-size:3rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.glossary-subtitle{font-size:1.2rem;color:rgb(55 65 81/var(--tw-text-opacity,1));margin-bottom:2rem}.search-container{position:relative;max-width:600px;margin:0 auto 3rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid hsl(var(--border));border-radius:12px;font-size:1rem;background:hsl(var(--background));transition:var(--transition-smooth)}.search-input:focus{outline:none;border-color:hsl(var(--devassure-blue));box-shadow:0 0 0 3px hsl(var(--devassure-blue)/.1)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:rgb(55 65 81/var(--tw-text-opacity,1))}.section-title{font-size:2.5rem;font-weight:700;color:hsl(var(--devassure-blue));margin:3rem 0 2rem;padding-bottom:1rem;border-bottom:3px solid hsl(var(--devassure-blue)/.2)}.term-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}.term-card:hover{box-shadow:var(--shadow-lg);border-color:hsl(var(--devassure-blue)/.3)}.term-title{font-size:1.5rem;font-weight:600;color:hsl(var(--devassure-text));margin-bottom:1rem}.term-description{font-size:1rem;line-height:1.7;color:hsl(var(--muted-foreground));margin-bottom:1.5rem}.term-features{background:hsl(var(--devassure-gray-light));border-left:4px solid hsl(var(--devassure-blue));padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 8px 8px 0}.term-features ul{margin:.5rem 0 0;padding-left:1.5rem}.term-features li{margin-bottom:.5rem;color:hsl(var(--devassure-text))}.learn-more-link{display:inline-flex;align-items:center;gap:.5rem;color:hsl(var(--devassure-blue));text-decoration:none;font-weight:500;transition:var(--transition-smooth)}.learn-more-link:hover{color:hsl(var(--devassure-blue-light));text-decoration:underline}.demo-sidebar{position:sticky;top:2rem;height:fit-content}.demo-card{background:var(--gradient-primary);color:hsl(var(--primary-foreground));border-radius:12px;padding:2rem;text-align:center;box-shadow:var(--shadow-lg)}.demo-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.demo-description{font-size:.95rem;margin-bottom:1.5rem;opacity:.9}.demo-button{background:hsl(var(--background));color:hsl(var(--devassure-blue));border:none;padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);width:100%}.demo-button:hover{background:hsl(var(--devassure-gray-light));transform:translateY(-2px)}@media (max-width:1024px){.glossary-container{grid-template-columns:1fr;padding:1rem}.demo-sidebar,.glossary-sidebar{position:static}.glossary-title{font-size:2.5rem}}@media (max-width:768px){.alphabet-nav{grid-template-columns:repeat(6,1fr)}.glossary-title,.section-title{font-size:2rem}}