@layer component{.hero{background:linear-gradient(135deg, rgba(228, 18, 111, 0.15) 0%, rgba(139, 92, 246, 0.15) 50%, rgba(59, 130, 246, 0.15) 100%);padding:clamp(2em, 5vw, 4em) 0;margin:0;position:relative;overflow:hidden;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);&::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%, rgba(228, 18, 111, 0.2) 0%, transparent 50%),
                  radial-gradient(circle at 80% 50%, rgba(139, 92, 246, 0.2) 0%, transparent 50%);pointer-events:none}}.hero-content-wrapper{max-width:1400px;margin:0 auto;padding:0 clamp(1em, 5vw, 3em);display:grid;grid-template-columns:1fr;align-items:center;position:relative;z-index:2;@media (width >= 900px){grid-template-columns:1fr clamp(280px, 25vw, 400px)}}.hero__content{position:relative;z-index:2;h3{color:var(--purple);font-size:clamp(0.8em, 2vw, 0.95em);font-weight:700;text-transform:uppercase;letter-spacing:0.1em;margin:0 0 clamp(0.5em, 2vw, 0.75em)}h1{margin:0 0 clamp(0.5em, 2vw, 0.75em);font-size:clamp(1.8em, 5vw, 3.5em);line-height:1.1;font-weight:800;background:linear-gradient(135deg, #fff 0%, #e4126f 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}strong{display:block;font-size:clamp(1em, 2.5vw, 1.3em);margin-bottom:clamp(0.75em, 2vw, 1em);color:var(--text-secondary);font-weight:600}p{font-size:clamp(0.95em, 2vw, 1.05em);line-height:1.7;color:var(--text-secondary);margin:0 0 clamp(1.5em, 3vw, 2em)}em{display:block;font-size:clamp(0.8em, 1.5vw, 0.85em);color:var(--text-muted);margin:clamp(1em, 2vw, 1.5em) 0 0;opacity:0.8;font-style:normal}}.hero__media{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;img{position:relative;width:100%;max-width:clamp(250px, 80vw, 400px);height:auto;filter:drop-shadow(0 20px 40px rgba(228, 18, 111, 0.3));animation:float 3s ease-in-out infinite}@media (width <= 900px){order:-1;img{max-width:clamp(200px, 60vw, 300px)}}}@keyframes float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}.cta-row{display:flex;flex-wrap:wrap;gap:clamp(0.75em, 2vw, 1.25em);margin:clamp(1.5em, 3vw, 2em) 0;align-items:center;p{margin:0;display:flex;gap:clamp(0.75em, 2vw, 1.25em);flex-wrap:wrap;@media (width < 600px){flex-direction:column;width:100%}}a{display:inline-block;padding:clamp(0.7em, 2vw, 0.85em) clamp(1.5em, 4vw, 2em);border-radius:50px;text-decoration:none;font-weight:700;font-size:clamp(0.95em, 2.5vw, 1.05em);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;border:2px solid transparent;position:relative;overflow:visible;white-space:nowrap;background:rgba(255, 255, 255, 0.1);color:white;border-color:rgba(255, 255, 255, 0.3);&:hover::before{left:100%}&:hover{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.5);box-shadow:0 8px 25px rgba(139, 92, 246, 0.3);transform:translateY(-3px)}&:visited{color:white}@media (width < 600px){width:100%;text-align:center}}strong a{background:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);color:white;box-shadow:0 8px 25px rgba(139, 92, 246, 0.5);font-size:clamp(1.05em, 2.8vw, 1.2em);padding:clamp(0.85em, 2.5vw, 1em) clamp(2em, 5vw, 2.5em);position:relative;overflow:hidden;transform:translateY(0);border-color:transparent;&::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);opacity:0;transition:opacity 0.5s}&:hover{background:linear-gradient(135deg, #9d6fff 0%, #7c7ff5 50%, #4f8eff 100%);box-shadow:0 12px 40px rgba(139, 92, 246, 0.6);transform:translateY(-4px) scale(1.02)}&:visited{color:white}}}.snapshot-grid{display:grid;grid-template-columns:1fr;gap:clamp(1em, 3vw, 1.5em);margin:clamp(1.5em, 3vw, 3em) 0;width:100%;@media (width >= 600px){grid-template-columns:repeat(2, 1fr)}@media (width >= 900px){grid-template-columns:repeat(3, 1fr)}}.snapshot-grid > *{background:var(--bg-card);padding:clamp(1em, 3vw, 1.5em);border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;min-width:0;&:hover{background:var(--bg-card-hover);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px rgba(228, 18, 111, 0.2)}}.snapshot-grid h3{margin:0 0 0.5em;font-size:clamp(0.95em, 2.5vw, 1.1em);font-weight:700;color:var(--primary);word-wrap:break-word}.snapshot-grid p,
  .snapshot-grid strong{margin:0;font-size:clamp(0.9em, 2vw, 0.95em);line-height:1.6;color:var(--text-secondary);word-wrap:break-word}.snapshot-grid strong{color:white;font-weight:700;display:block;margin-bottom:0.25em}.proscons-grid{display:grid;grid-template-columns:1fr;gap:clamp(1em, 3vw, 1.5em);margin:clamp(1.5em, 3vw, 3em) 0;width:100%;@media (width >= 768px){grid-template-columns:1fr 1fr;gap:clamp(1.5em, 3vw, 2em)}}.pros, .cons{padding:clamp(1.25em, 3vw, 2em);border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);transition:all 0.3s ease;min-width:0;&:hover{border-color:currentColor;transform:translateY(-3px)}h3{margin:0 0 clamp(0.75em, 2vw, 1em);font-size:clamp(1.1em, 3vw, 1.3em);font-weight:700}ul{margin:0;padding-left:clamp(1.25em, 3vw, 1.5em);li{margin-bottom:clamp(0.65em, 2vw, 0.85em);line-height:1.6;color:var(--text-secondary);font-size:clamp(0.9em, 2vw, 1em);word-wrap:break-word;&:last-child{margin-bottom:0}}}}.pros{border-left:3px solid #10b981;h3{color:#10b981}&:hover{box-shadow:0 8px 20px rgba(16, 185, 129, 0.15)}ul li::marker{color:#10b981}}.cons{border-left:3px solid #ef4444;h3{color:#ef4444}&:hover{box-shadow:0 8px 20px rgba(239, 68, 68, 0.15)}ul li::marker{color:#ef4444}}.callout{background:var(--bg-card);border-left:4px solid var(--secondary);padding:clamp(1.25em, 3vw, 2em);margin:clamp(1.5em, 3vw, 2.5em) 0;border-radius:12px;border:1px solid var(--border-color);position:relative;overflow:hidden;min-width:0;&::before{content:'';position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(90deg, rgba(61, 109, 255, 0.1) 0%, transparent 50%);pointer-events:none}h3{margin:0 0 clamp(0.75em, 2vw, 1em);color:var(--secondary);font-size:clamp(1.05em, 2.5vw, 1.2em);font-weight:700;position:relative}p{margin:clamp(0.5em, 2vw, 0.75em) 0;color:var(--text-secondary);line-height:1.7;position:relative;font-size:clamp(0.9em, 2vw, 1em);word-wrap:break-word;&:first-of-type{margin-top:0}&:last-of-type{margin-bottom:0}}ul{margin:clamp(0.75em, 2vw, 1em) 0;padding-left:clamp(1.25em, 3vw, 1.5em);position:relative;li{color:var(--text-secondary);margin-bottom:0.5em;font-size:clamp(0.9em, 2vw, 1em);word-wrap:break-word}}a{color:var(--secondary);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s;word-wrap:break-word;&:hover{border-bottom-color:var(--secondary)}}}details{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;margin-bottom:clamp(0.75em, 2vw, 1em);padding:clamp(1em, 3vw, 1.25em) clamp(1.25em, 4vw, 1.75em);transition:all 0.3s ease;min-width:0;&:hover{border-color:var(--primary)}&[open]{background:var(--bg-card-hover);border-color:var(--primary);summary{margin-bottom:clamp(0.75em, 2vw, 1em);color:var(--primary)}}summary{cursor:pointer;font-weight:700;font-size:clamp(0.95em, 2.5vw, 1.05em);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1em;color:white;transition:color 0.2s;word-wrap:break-word;&::-webkit-details-marker{display:none}&::after{content:'+';font-size:clamp(1.5em, 4vw, 1.8em);color:var(--primary);transition:transform 0.3s;font-weight:300;flex-shrink:0}&:hover{color:var(--primary)}}&[open] summary::after{content:'−';transform:rotate(180deg)}p{margin:0;line-height:1.7;color:var(--text-secondary);font-size:clamp(0.9em, 2vw, 1em);word-wrap:break-word;a{color:var(--secondary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.2s;word-wrap:break-word;&:hover{border-bottom-color:var(--secondary)}}}}.module{margin:clamp(2em, 5vw, 3em) 0;&:first-of-type{margin-top:clamp(1.5em, 3vw, 2em)}}h2{font-size:clamp(1.5em, 4vw, 2em);margin:clamp(1.5em, 3vw, 2em) 0 clamp(0.75em, 2vw, 1em);font-weight:700;color:white;word-wrap:break-word;hyphens:auto}h3{font-size:clamp(1.2em, 3vw, 1.4em);margin:clamp(1em, 2.5vw, 1.5em) 0 clamp(0.5em, 1.5vw, 0.75em);font-weight:700;color:white;word-wrap:break-word}p{line-height:1.7;color:var(--text-secondary);margin:clamp(0.75em, 2vw, 1em) 0;word-wrap:break-word}ul, ol{margin:clamp(0.75em, 2vw, 1em) 0;padding-left:clamp(1.25em, 4vw, 1.5em);li{margin-bottom:0.5em;word-wrap:break-word}}a{color:var(--secondary);text-decoration:none;word-wrap:break-word;&:hover{text-decoration:underline}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.note{background:rgba(254, 252, 232, 0.1);border-left:4px solid #eab308;padding:clamp(0.85em, 2vw, 1em) clamp(1.25em, 3vw, 1.5em);margin:clamp(1em, 3vw, 1.5em) 0;border-radius:8px;border:1px solid rgba(234, 179, 8, 0.3);min-width:0;p{margin:clamp(0.4em, 1.5vw, 0.5em) 0;color:var(--text-secondary);font-size:clamp(0.9em, 2vw, 1em);word-wrap:break-word;&:first-child{margin-top:0}&:last-child{margin-bottom:0}}a{color:#eab308;font-weight:600;word-wrap:break-word}}.breadcrumbs{display:block;font-size:clamp(0.8em, 2vw, 0.85em);padding:0.25rem 0;a{color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease;&:hover{color:var(--primary);text-decoration:underline}}strong{color:var(--text-muted);font-weight:600}}ol{counter-reset:item;list-style:none;padding-left:0;li{counter-increment:item;margin-bottom:clamp(1.5em, 3vw, 2em);padding-left:clamp(2.5em, 5vw, 3em);position:relative;&::before{content:counter(item);position:absolute;left:0;top:0;width:clamp(1.8em, 4vw, 2em);height:clamp(1.8em, 4vw, 2em);background:linear-gradient(135deg, var(--primary) 0%, var(--purple) 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(0.9em, 2vw, 1em)}strong{display:block;color:white;font-size:clamp(1em, 2.5vw, 1.1em);margin-bottom:0.5em}}}.content-columns{width:100%;@media (width >= 900px){display:grid;grid-template-columns:2fr 1fr;gap:clamp(2em, 4vw, 3em)}> *{min-width:0}}.table-wrap{overflow-x:auto;margin:clamp(1.5em, 3vw, 2.5em) 0;border-radius:12px;border:1px solid var(--border-color);-webkit-overflow-scrolling:touch}article > table,
  section > table,
  main > table,
  [class*="module"] table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:clamp(1.5em, 3vw, 2.5em) 0;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-card);background:linear-gradient(to right, var(--bg-card) 30%, rgba(1,1,4,0)),
      linear-gradient(to right, rgba(1,1,4,0), var(--bg-card) 70%) 100% 0,
      radial-gradient(farthest-side at 0 50%, rgba(228,18,111,.2), transparent),
      radial-gradient(farthest-side at 100% 50%, rgba(228,18,111,.2), transparent) 100% 0;background-repeat:no-repeat;background-color:var(--bg-card);background-size:40px 100%, 40px 100%, 14px 100%, 14px 100%;background-attachment:local, local, scroll, scroll}table{width:100%;min-width:600px;border-collapse:collapse;display:table;thead{background:rgba(228, 18, 111, 0.1);th{padding:clamp(0.75em, 2vw, 1em) clamp(0.75em, 2vw, 1.25em);text-align:left;font-weight:700;color:var(--primary);border-bottom:1px solid var(--border-color);white-space:nowrap}}tbody{tr{border-bottom:1px solid var(--border-color);transition:background 0.2s;&:hover{background:var(--bg-card-hover)}&:last-child{border-bottom:none}}th{padding:clamp(0.75em, 2vw, 1em) clamp(0.75em, 2vw, 1.25em);font-weight:700;text-align:left;color:white;white-space:nowrap}td{padding:clamp(0.75em, 2vw, 1em) clamp(0.75em, 2vw, 1.25em);color:var(--text-secondary);white-space:nowrap;a{color:var(--secondary);text-decoration:none;&:hover{text-decoration:underline}}}}}.small{font-size:0.85em;color:var(--base-600);line-height:1.5}.content-footer{margin-top:4em;padding-top:2em;border-top:1px solid var(--base-200)}}