@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hamburger-btn{background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;padding:0;width:30px;z-index:1002}.hamburger-btn span{background-color:var(--gray-700);border-radius:2px;display:block;height:3px;transform-origin:left center;transition:all var(--transition-speed) ease;width:100%}.hamburger-btn:hover span{background-color:var(--primary-color)}.hamburger-btn.active span:first-child{transform:rotate(45deg) translateY(-2px)}.hamburger-btn.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translateY(2px)}.hamburger-btn:focus{outline:2px solid var(--primary-color);outline-offset:4px}@media (max-width:768px){.hamburger-btn{height:18px;width:26px}.hamburger-btn span{height:2px}}.header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;height:var(--header-height);left:0;position:fixed;right:0;top:0;z-index:1000}.nav{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.nav,.nav-left{align-items:center;display:flex}.nav-left{gap:20px}.logo{color:var(--gray-900);font-size:1.5rem;font-weight:700;transition:color var(--transition-speed)}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--primary-color)}.launch-btn{background-color:var(--primary-color);border-radius:var(--border-radius);box-shadow:0 2px 8px #ba0c2f33;color:var(--white);font-weight:600;padding:10px 24px;text-decoration:none;transition:all var(--transition-speed)}.launch-btn:hover{background-color:#8a0922;box-shadow:0 4px 12px #ba0c2f4d;text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.nav{padding:0 16px}.logo{font-size:1.25rem}.launch-btn{font-size:.9rem;padding:8px 16px}}.footer{background-color:var(--secondary-color);color:var(--white);margin-top:4rem;padding:2rem 0}.footer-content{margin:0 auto;max-width:1200px;padding:0 20px;text-align:center}.attribution{font-size:.9rem;margin-bottom:.5rem;opacity:.9}.credits{font-size:.85rem;opacity:.8}.openwebui-link{color:var(--white);text-decoration:underline;transition:opacity var(--transition-speed)}.openwebui-link:hover{color:var(--white);opacity:1}@media (max-width:768px){.footer{margin-top:3rem;padding:1.5rem 0}.attribution,.credits{font-size:.8rem}}.sidebar{background-color:var(--white);box-shadow:2px 0 20px #0000001a;height:100vh;left:-300px;overflow-y:auto;position:fixed;top:0;transition:transform var(--transition-speed) ease-in-out;width:300px;z-index:1001}.sidebar.active{transform:translateX(300px)}.sidebar-header{border-bottom:1px solid var(--gray-200);padding:30px 24px 20px}.sidebar-title{color:var(--gray-900);font-size:1.5rem;font-weight:700;margin-bottom:4px}.sidebar-subtitle{color:var(--gray-600);font-size:.9rem}.sidebar-menu{padding:20px 0}.menu-section{margin-bottom:30px}.menu-section h3{color:var(--gray-500);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:10px;padding:0 24px;text-transform:uppercase}.menu-item{align-items:center;color:var(--gray-700);cursor:pointer;display:flex;padding:12px 24px;text-decoration:none;transition:all var(--transition-speed)}.menu-item:hover{background-color:var(--gray-100);color:var(--primary-color);text-decoration:none}.menu-item.active{background-color:#ba0c2f1a;color:var(--primary-color);font-weight:600}.menu-item .icon{font-size:1.2rem;margin-right:12px;text-align:center;width:24px}.overlay{background-color:#00000080;bottom:0;left:0;opacity:1;position:fixed;right:0;top:0;transition:opacity var(--transition-speed);z-index:1000}@media (max-width:768px){.sidebar{left:-280px;width:280px}.sidebar.active{transform:translateX(280px)}}.hero{align-items:center;background:linear-gradient(135deg,var(--white) 0,var(--gray-100) 100%);display:flex;min-height:calc(100vh - var(--header-height));padding:6rem 0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.hero-text h1{color:var(--gray-900);font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-text h2{color:var(--primary-color);font-size:1.5rem;font-weight:400;margin-bottom:1.5rem}.hero-text p{color:var(--gray-700);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.hero-image{align-items:center;display:flex;justify-content:center;position:relative}.brutus-avatar{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));height:auto;max-width:400px;width:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.hero{min-height:auto;padding:4rem 0}.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.25rem}.hero-text h2{font-size:1.25rem}.hero-text p{font-size:1rem}.hero-image{order:-1}.brutus-avatar{max-width:250px}}.how-to-use{background-color:var(--white);padding:5rem 0}.how-to-use h2{color:var(--gray-900);font-size:2.5rem;margin-bottom:3rem;text-align:center}.steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.step-card{background:var(--gray-100);border-radius:var(--border-radius);overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all var(--transition-speed)}.step-card:hover{box-shadow:0 10px 30px #0000001a;transform:translateY(-5px)}.step-number{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--white);display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step-card h3{color:var(--gray-900);font-size:1.25rem;margin-bottom:1rem}.step-card p{color:var(--gray-700);line-height:1.6;margin-bottom:0}@media (max-width:768px){.how-to-use{padding:3rem 0}.how-to-use h2{font-size:2rem;margin-bottom:2rem}.steps-grid{gap:1.5rem;grid-template-columns:1fr}.step-card{padding:1.5rem}}.login-notice{background-color:#ba0c2f0d;border-bottom:1px solid #ba0c2f1a;border-top:1px solid #ba0c2f1a;padding:3rem 0}.notice-content{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:0 auto;max-width:800px;padding:2rem;text-align:center}.notice-content h3{color:var(--gray-900);font-size:1.5rem;margin-bottom:1rem}.notice-content p{color:var(--gray-700);font-size:1.05rem;line-height:1.6;margin-bottom:0}@media (max-width:768px){.login-notice{padding:2rem 0}.notice-content{padding:1.5rem}.notice-content h3{font-size:1.25rem}.notice-content p{font-size:1rem}}.landing-page{background-color:var(--gray-100)}.landing-page section{padding:4rem 0}@media (max-width:768px){.landing-page section{padding:3rem 0}}.ethics-page{background-color:var(--gray-100);min-height:calc(100vh - var(--header-height));padding:4rem 0}.page-header{margin-bottom:4rem}.page-header h1{color:var(--gray-900)}.page-header p{color:var(--gray-700);font-size:1.25rem;margin:0 auto;max-width:800px}.ethics-section{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:2rem;padding:3rem}.ethics-section h2{color:var(--gray-900);font-size:2rem;margin-bottom:2rem;text-align:center}.integrity-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.do-card,.dont-card{background-color:var(--gray-100);border-radius:var(--border-radius);padding:2rem}.do-card{border:2px solid #4caf50}.dont-card{border:2px solid #f44336}.do-card h3{color:#4caf50;margin-bottom:1rem}.dont-card h3{color:#f44336;margin-bottom:1rem}.do-card ul,.dont-card ul{list-style:none;padding:0}.do-card li,.dont-card li{padding:.5rem 0 .5rem 1.5rem;position:relative}.do-card li:before{color:#4caf50;content:"✓"}.do-card li:before,.dont-card li:before{font-weight:700;left:0;position:absolute}.dont-card li:before{color:#f44336;content:"✗"}.principles-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.principle-card{background-color:var(--gray-100);border-radius:var(--border-radius);padding:1.5rem;text-align:center;transition:transform var(--transition-speed)}.principle-card:hover{box-shadow:var(--box-shadow);transform:translateY(-3px)}.principle-card h3{color:var(--primary-color);font-size:1.25rem;margin-bottom:.75rem}.principle-card p{color:var(--gray-700);margin:0}.limitations-content{background-color:#ba0c2f0d;border-radius:var(--border-radius);padding:2rem}.limitations-content ul{list-style:disc;margin-top:1rem;padding-left:2rem}.limitations-content li{color:var(--gray-700);margin-bottom:.75rem}.best-practices ol{padding-left:2rem}.best-practices li{color:var(--gray-700);line-height:1.8;margin-bottom:1rem}.professional-content{background-color:var(--gray-100);border-radius:var(--border-radius);padding:2rem}.professional-content ul{list-style:circle;margin-top:1rem;padding-left:2rem}.professional-content li{color:var(--gray-700);margin-bottom:.5rem}@media (max-width:768px){.ethics-page{padding:2rem 0}.page-header h1{font-size:2rem}.page-header p{font-size:1.1rem}.ethics-section{margin-bottom:1.5rem;padding:2rem 1.5rem}.ethics-section h2{font-size:1.5rem;margin-bottom:1.5rem}.integrity-grid{gap:1.5rem}.integrity-grid,.principles-grid{grid-template-columns:1fr}.limitations-content,.professional-content{padding:1.5rem}}.prompt-page{background-color:var(--gray-100);min-height:calc(100vh - var(--header-height));padding:4rem 0}.prompt-section{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:3rem;padding:3rem}.prompt-section h2{color:var(--gray-900);font-size:2rem;margin-bottom:2.5rem;text-align:center}.formula-card{background:linear-gradient(135deg,gold,#ffed4e);border-radius:var(--border-radius);box-shadow:0 4px 20px #ffd7004d;margin:0 auto;max-width:800px;padding:2rem}.formula{align-items:center;display:flex;flex-wrap:wrap;font-size:1.1rem;font-weight:600;gap:1rem;justify-content:center}.formula-part{background-color:var(--white);border-radius:calc(var(--border-radius)/2);box-shadow:0 2px 8px #0000001a;color:var(--gray-900);padding:.5rem 1rem}.equals,.plus{color:var(--gray-700);font-size:1.5rem}.formula-result{background-color:var(--primary-color);border-radius:calc(var(--border-radius)/2);color:var(--white);font-size:1.25rem;padding:.75rem 1.5rem}.components-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.component-card{background-color:var(--gray-100);border-radius:var(--border-radius);min-height:180px;padding:2rem;transition:all var(--transition-speed)}.component-card:hover{box-shadow:var(--box-shadow);transform:translateY(-3px)}.component-card h3{color:var(--primary-color);font-size:1.25rem;line-height:1.4;margin-bottom:1rem}.component-card p{color:var(--gray-700);line-height:1.6;margin-bottom:0}.example{background-color:var(--white);border-left:3px solid var(--primary-color);color:var(--gray-600);font-style:italic;margin-top:1rem;padding:1rem}.examples-section{background-color:var(--gray-100);border-radius:var(--border-radius);padding:2rem}.example-tabs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.example-tab{background-color:var(--white);border:2px solid var(--gray-300);border-radius:calc(var(--border-radius)/2);color:var(--gray-700);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all var(--transition-speed)}.example-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.example-tab.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.prompt-comparison{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.good-prompt,.poor-prompt{border-radius:var(--border-radius);padding:1.5rem}.poor-prompt{background-color:#ffebee;border:2px solid #f44336}.good-prompt{background-color:#e8f5e9;border:2px solid #4caf50;padding-bottom:3.5rem;position:relative}.poor-prompt h4{color:#f44336;margin-bottom:.75rem}.good-prompt h4{color:#4caf50;margin-bottom:.75rem}.good-prompt p{line-height:1.6;margin-bottom:0}.copy-button-inline{background-color:#4caf50;border:none;border-radius:calc(var(--border-radius)/2);bottom:1rem;color:var(--white);cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:1rem;transition:all .2s ease}.copy-button-inline:hover{background-color:#45a049;transform:scale(1.05)}.copy-button-inline:active{transform:scale(.95)}.explanation{background-color:var(--white);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:1.5rem}.techniques-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.technique-card{background-color:var(--gray-100);border:2px solid #0000;border-radius:var(--border-radius);padding:1.5rem;transition:all var(--transition-speed)}.technique-card:hover{border-color:var(--primary-color);box-shadow:var(--box-shadow);transform:translateY(-3px)}.technique-card h3{color:var(--primary-color);margin-bottom:.75rem}.technique-card p{color:var(--gray-700);font-style:italic;margin:0}.advanced-techniques{display:flex;flex-direction:column;gap:2.5rem}.technique{background-color:var(--gray-100);border-radius:var(--border-radius);padding:2rem}.technique h3{color:var(--primary-color);font-size:1.3rem;margin-bottom:1rem}.technique p{color:var(--gray-700);line-height:1.6;margin-bottom:1.5rem}.code-example-wrapper{margin-top:1rem;position:relative}.code-example{word-wrap:break-word;background-color:var(--gray-800);font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;overflow-x:auto;padding:1.25rem 5rem 1.25rem 1.25rem;white-space:pre-wrap}.code-example,.copy-button{border-radius:calc(var(--border-radius)/2);color:var(--white)}.copy-button{background-color:var(--primary-color);font-size:.85rem;font-weight:600;right:.75rem;top:.75rem;transition:all .2s ease;white-space:nowrap}.copy-button:hover{background-color:var(--secondary-color);transform:scale(1.05)}.copy-button:active{transform:scale(.95)}.mistakes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.mistake-card{background-color:#ffebee;border:2px solid #f44336;border-radius:var(--border-radius);padding:1.5rem}.mistake-card h3{color:#f44336;margin-bottom:1rem}.mistake-card p{color:var(--gray-700);margin:.5rem 0}.templates{display:flex;flex-direction:column;gap:1.5rem}.template{background-color:var(--gray-100);border-radius:var(--border-radius);padding:1.5rem}.template h4{color:var(--primary-color);margin-bottom:.75rem}.template code{background-color:var(--gray-800);border-radius:calc(var(--border-radius)/2);color:var(--white);display:block;font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto;padding:1rem;white-space:pre-wrap}.prompt-section ul{list-style:none;padding:0}.prompt-section ul li{background-color:var(--gray-100);border-left:4px solid var(--primary-color);border-radius:calc(var(--border-radius)/2);line-height:1.6;margin-bottom:1rem;padding:1rem 1.5rem}.prompt-section ul li strong{color:var(--primary-color);font-size:1.05rem}.safety-examples{margin-top:2rem}.safety-examples h4{color:var(--gray-800);font-size:1.1rem}.safety-examples .code-example-wrapper,.safety-examples h4{margin-bottom:1.5rem}@media (max-width:768px){.prompt-page{padding:2rem 0}.prompt-section{padding:2rem 1.5rem}.formula{font-size:1rem}.formula-result{font-size:1.1rem}.components-grid,.mistakes-grid,.techniques-grid{grid-template-columns:1fr}.component-card{min-height:auto}.prompt-comparison{gap:1rem;grid-template-columns:1fr}.example-tabs{justify-content:center}.code-example{font-size:.85rem;padding:1rem 4.5rem 1rem 1rem}.template code{font-size:.8rem;padding:.75rem}.copy-button,.copy-button-inline{font-size:.75rem;padding:.4rem .8rem}.good-prompt{padding-bottom:3rem}}.prompt-library-page{background-color:var(--gray-100);min-height:calc(100vh - 5rem);padding:4rem 0}.page-header h1{color:var(--secondary-color)}.subtitle{color:var(--gray-700);font-size:1.25rem}.intro-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:3rem;padding:2rem;text-align:center}.intro-section h2{color:var(--secondary-color);font-size:1.75rem;margin-bottom:1rem}.intro-section p{color:var(--gray-700);font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:800px}.quick-selector{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:3rem;padding:2rem}.quick-selector h2{color:var(--secondary-color);font-size:1.5rem;margin-bottom:1.5rem}.need-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.need-buttons button{background:var(--gray-100);border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:1rem;padding:1rem;text-align:left;transition:all .2s}.need-buttons button:hover{background:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.personas-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:3rem}.persona-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s}.persona-card:before{background:var(--primary-color);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.persona-card:hover:before{transform:scaleX(1)}.persona-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-4px)}.persona-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.persona-icon{font-size:2.5rem}.persona-card h3{color:var(--secondary-color);margin:0}.persona-tagline{color:var(--gray-600);font-style:italic;margin-bottom:.5rem}.persona-use-case{color:var(--gray-700);font-weight:500;margin-bottom:1rem}.quick-tips{list-style:none;margin-bottom:1.5rem;padding:0}.quick-tips li{color:var(--gray-600);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.quick-tips li:before{color:var(--primary-color);content:"→";left:0;position:absolute}.try-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s;width:100%}.try-button:hover{background:#990a25}.pro-tips-section{margin-bottom:3rem}.pro-tips-section h2{color:var(--secondary-color);font-size:1.75rem;margin-bottom:2rem;text-align:center}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tip-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.tip-card h3{color:var(--primary-color);font-size:1.25rem;margin-bottom:.75rem}.tip-card p{color:var(--gray-700);line-height:1.6}.disclaimer-box{background:var(--primary-color);border-radius:12px;box-shadow:0 4px 12px #ba0c2f33;color:#fff;margin-bottom:3rem;padding:2rem;text-align:center}.disclaimer-box p{font-size:1.1rem;line-height:1.6;margin:0}.persona-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.persona-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:800px;overflow-y:auto;position:relative;width:100%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--gray-600);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s;width:40px}.close-button:hover{background:var(--gray-100)}.modal-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;padding:2rem}.modal-icon{font-size:3rem}.modal-content{padding:2rem}.how-to-use,.prompt-section,.usage-section{margin-bottom:2rem}.modal-content h3{color:var(--secondary-color);margin-bottom:1rem}.modal-tips{list-style:none;padding:0}.modal-tips li{color:var(--gray-700);margin-bottom:.5rem;padding-left:1.5rem;position:relative}.modal-tips li:before{color:var(--primary-color);content:"✓";left:0;position:absolute}.prompt-box{background:var(--gray-100);border-radius:8px;padding:1.5rem;position:relative}.prompt-box pre{word-wrap:break-word;color:var(--gray-800);font-size:.9rem;line-height:1.6;margin:0;max-height:300px;overflow-y:auto;padding-right:100px;white-space:pre-wrap}.copy-button{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .2s}.copy-button:hover{background:#990a25}.copy-button.copied{background:#28a745}.how-to-use ol{color:var(--gray-700);padding-left:1.5rem}.how-to-use li{margin-bottom:.5rem}@media (max-width:768px){.intro-section,.quick-selector{padding:1.5rem}.need-buttons,.personas-grid{grid-template-columns:1fr}.personas-grid{padding:0 1rem}.tips-grid{grid-template-columns:1fr}.persona-modal{margin:1rem}.modal-content{padding:1rem}.prompt-box pre{padding-right:1rem}.copy-button{margin-top:1rem;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%}}.podcasts-page{background-color:var(--gray-100);min-height:calc(100vh - var(--header-height));padding:4rem 0}.podcasts-intro{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin:2rem auto 3rem;max-width:800px;padding:2rem;text-align:center}.podcasts-intro p{color:var(--gray-700);font-size:1.1rem;line-height:1.7;margin:0}.shows-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr;margin-bottom:3rem}.show-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2.5rem}.show-card h2{color:var(--primary-color);font-size:1.75rem;margin-bottom:1rem}.show-description{color:var(--gray-700);line-height:1.7;margin-bottom:1.5rem}.spotify-embed{border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;overflow:hidden}.podcasts-note{background-color:#ba0c2f0d;border:2px solid #ba0c2f1a;border-radius:var(--border-radius);margin:0 auto;max-width:800px;padding:2rem;text-align:center}.podcasts-note h3{color:var(--primary-color);margin-bottom:.75rem}.podcasts-note p{color:var(--gray-700);margin:0}@media (max-width:768px){.podcasts-page{padding:2rem 0}.shows-grid{gap:2rem}.show-card{padding:1.5rem}.show-card h2{font-size:1.5rem}.podcasts-intro,.podcasts-note{padding:1.5rem}}.newsletter-page{background-color:var(--gray-100);min-height:calc(100vh - var(--header-height));padding:4rem 0}.newsletter-signup{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:3rem;padding:3rem}.signup-content{margin:0 auto;max-width:600px;text-align:center}.signup-content h2{color:var(--gray-900);font-size:2rem;margin-bottom:1rem}.signup-content p{color:var(--gray-700);font-size:1.1rem;margin-bottom:2rem}.signup-form{display:flex;gap:1rem;margin-bottom:1rem}.email-input{border:2px solid var(--gray-300);border-radius:var(--border-radius);flex:1 1;font-family:inherit;font-size:1rem;padding:.75rem 1.5rem;transition:all var(--transition-speed)}.email-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ba0c2f1a;outline:none}.subscribe-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all var(--transition-speed);white-space:nowrap}.subscribe-button:hover{background-color:#8a0922;box-shadow:0 4px 12px #ba0c2f4d;transform:translateY(-2px)}.subscribe-button:disabled{background-color:var(--gray-400);cursor:not-allowed;transform:none}.privacy-note{color:var(--gray-600);font-size:.9rem;margin:0}.coming-soon{background-color:var(--white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:4rem;text-align:center}.coming-soon-content h2{color:var(--gray-900);font-size:2rem;margin-bottom:1rem}.coming-soon-content p{color:var(--gray-700);font-size:1.1rem;margin:0 auto;max-width:600px}@media (max-width:768px){.newsletter-page{padding:2rem 0}.newsletter-signup{margin-bottom:2rem;padding:2rem 1.5rem}.signup-form{flex-direction:column}.subscribe-button{width:100%}.coming-soon{padding:2rem 1.5rem}.coming-soon-content h2{font-size:1.5rem}}.ai-fluency-page{background:linear-gradient(135deg,var(--gray-100) 0,var(--white) 100%);min-height:calc(100vh - 80px);padding:4rem 0}.ai-fluency-page .container{margin:0 auto;max-width:1200px;padding:0 2rem}.hero-section{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:3rem;padding:2.5rem}.lead-text{margin:0}.video-section{margin-bottom:3rem}.video-section h2{color:var(--secondary-color);font-size:2rem;margin-bottom:1.5rem;text-align:center}.video-container{background:var(--gray-200);border-radius:12px;box-shadow:0 4px 12px #0000001a;height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.video-container iframe{border-radius:12px;height:100%;left:0;position:absolute;top:0;width:100%}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.info-card{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.info-card h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem}.info-card p{color:var(--gray-700);line-height:1.6;margin:0}.key-components{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:3rem;padding:2.5rem}.key-components h2{color:var(--secondary-color);font-size:2rem;margin-bottom:1.5rem}.components-list{list-style:none;padding:0}.components-list li{border-bottom:1px solid var(--gray-200);color:var(--gray-700);line-height:1.6;padding:1rem 0}.components-list li:last-child{border-bottom:none}.components-list strong{color:var(--primary-color);display:inline-block;margin-right:.5rem}.resources-section{margin-bottom:3rem}.resources-section h2{color:var(--secondary-color);font-size:2rem;margin-bottom:1.5rem;text-align:center}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.resource-link{background:var(--white);border:2px solid #0000;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:var(--secondary-color);font-weight:600;padding:1.5rem;text-align:center;text-decoration:none;transition:all .3s ease}.resource-link:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.cta-section{background:linear-gradient(135deg,var(--primary-color),#d91e41);border-radius:12px;color:var(--white);padding:3rem;text-align:center}.cta-section h2{font-size:2rem;margin-bottom:1rem}.cta-section p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.cta-button{background:var(--white);color:var(--primary-color);font-size:1.1rem;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.cta-button:hover{box-shadow:0 4px 20px #0003;transform:scale(1.05)}@media (max-width:768px){.page-header h1{font-size:2rem}.lead-text,.page-header .subtitle{font-size:1rem}.hero-section,.info-card,.key-components{padding:1.5rem}.cta-section{padding:2rem 1.5rem}.video-container{margin-bottom:2rem}}.agentic-ai-page{background:linear-gradient(135deg,var(--gray-100) 0,var(--white) 100%);min-height:calc(100vh - 80px);padding:4rem 0}.agentic-ai-page .container{margin:0 auto;max-width:1200px;padding:0 2rem}.page-header{margin-bottom:3rem;text-align:center}.page-header h1{color:var(--primary-color);font-size:3rem;font-weight:700;margin-bottom:1rem}.page-header .subtitle{color:var(--secondary-color);font-size:1.25rem;font-weight:500}.advanced-concepts-section,.agent-flow-section,.autonomy-section,.black-box-section,.conclusion-section,.getting-started-section,.intro-section{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:2.5rem}.advanced-concepts-section h2,.agent-flow-section h2,.autonomy-section h2,.black-box-section h2,.conclusion-section h2,.getting-started-section h2,.intro-section h2{color:var(--secondary-color);font-size:2rem;margin-bottom:1.5rem}.advanced-concepts-section h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.advanced-concepts-section ol{margin-top:1rem}.lead-text{color:var(--gray-700);font-size:1.2rem;line-height:1.8;margin:1rem 0}.definition{background:linear-gradient(135deg,var(--primary-color),#d91e41);border-left:none;color:var(--white);font-size:1.5rem;font-weight:600;text-align:center}.definition,.flow-diagram{border-radius:8px;margin:2rem 0;padding:2rem}.flow-diagram{background:var(--gray-50);flex-wrap:nowrap;gap:.5rem;justify-content:center;overflow-x:auto}.flow-diagram,.flow-step{align-items:center;display:flex}.flow-step{flex-shrink:0;gap:1rem}.flow-emoji{font-size:3rem}.flow-arrow{color:var(--primary-color);font-size:2rem;font-weight:700}.flow-steps-list{list-style:none;margin:2rem 0;padding:0}.flow-steps-list li{align-items:center;background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:8px;display:flex;gap:1rem;margin-bottom:.5rem;padding:1rem}.step-emoji{font-size:1.5rem;min-width:2rem}.footnote{color:var(--gray-600);font-size:.9rem;font-style:italic;margin-top:1rem}.highlight-text{background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:8px;color:var(--secondary-color);font-size:1.3rem;font-weight:600;line-height:1.6;padding:1.5rem}.tools-list{list-style:none;margin:1.5rem 0;padding:0}.tools-list li{border-left:3px solid var(--primary-color);color:var(--gray-700);margin-bottom:.5rem;padding:.75rem 1rem}.key-point,.tools-list li{background:var(--gray-50);border-radius:6px}.key-point{color:var(--secondary-color);font-size:1.1rem;font-weight:500;margin-top:1.5rem;padding:1rem}.key-point em{color:var(--primary-color);font-style:normal;font-weight:700}.advanced-flow{align-items:center;background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border:2px solid var(--primary-color);gap:0}.advanced-flow .flow-item{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;padding:0 .5rem}.advanced-flow .flow-arrow{margin:0 .5rem}.flow-label{color:var(--secondary-color);font-size:.9rem;font-weight:600;margin-top:-.5rem;white-space:nowrap}.react-info{background:var(--gray-50);border-left:4px solid var(--primary-color);border-radius:8px;margin:2rem 0;padding:1.5rem}.react-info h3{color:var(--primary-color);font-size:1.4rem;margin-bottom:1rem;margin-top:0}.react-info p{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.react-info p:last-child{margin-bottom:0}.resources-links{border-top:1px solid var(--gray-300);font-size:.95rem;margin-top:1rem;padding-top:1rem}.resources-links a{color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s ease}.resources-links a:hover{color:var(--secondary-color);text-decoration:underline}.approach-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem 0}.approach-card{background:var(--gray-50);border:2px solid var(--gray-200);border-radius:8px;padding:2rem;transition:all .3s ease}.approach-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.approach-icon{font-size:3rem}.approach-card h3,.approach-icon{margin-bottom:1rem;text-align:center}.approach-card h3{color:var(--primary-color);font-size:1.5rem}.approach-card p{color:var(--gray-700);line-height:1.6;margin-bottom:1rem}.tools-list-inline{list-style:none;margin:1rem 0;padding:0}.tools-list-inline li{color:var(--gray-700);line-height:1.5;padding:.5rem 0}.tools-list-inline li strong{color:var(--secondary-color)}.tools-list-inline li a{color:inherit;text-decoration:none;transition:color .2s ease}.tools-list-inline li a:hover{color:var(--primary-color);text-decoration:underline}.tools-list-inline li a strong{transition:color .2s ease}.tools-list-inline li a:hover strong{color:var(--primary-color)}.approach-when{background:var(--white);border-left:4px solid var(--primary-color);border-radius:6px;font-size:.95rem;margin-top:1.5rem;padding:1rem}.approach-when strong{color:var(--primary-color)}.getting-started-tip{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107;border-radius:8px;margin-top:2rem;padding:1.5rem}.getting-started-tip h3{color:var(--secondary-color);font-size:1.3rem;margin-bottom:1rem;margin-top:0}.getting-started-tip p{color:var(--gray-800);line-height:1.6;margin:0}@media (max-width:768px){.page-header h1{font-size:2rem}.page-header .subtitle{font-size:1rem}.definition{font-size:1.2rem;padding:1.5rem}.flow-diagram{padding:1rem}.flow-emoji{font-size:2rem}.flow-arrow{font-size:1.5rem}.advanced-concepts-section,.agent-flow-section,.autonomy-section,.black-box-section,.conclusion-section,.getting-started-section,.intro-section{padding:1.5rem}.approach-grid{grid-template-columns:1fr}.approach-icon{font-size:2.5rem}.approach-card{padding:1.5rem}.advanced-concepts-section h3{font-size:1.2rem}.react-info{padding:1rem}.react-info h3{font-size:1.2rem}.lead-text{font-size:1rem}.highlight-text{font-size:1.1rem}}:root{--primary-color:#ba0c2f;--secondary-color:#3f4443;--background-color:#a7b1b7;--white:#fff;--gray-100:#f5f5f5;--gray-200:#e0e0e0;--gray-300:#bdbdbd;--gray-400:#9e9e9e;--gray-500:#757575;--gray-600:#616161;--gray-700:#424242;--gray-800:#303030;--gray-900:#212121;--font-family:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--header-height:70px;--transition-speed:0.3s;--border-radius:8px;--box-shadow:0 2px 8px #0000001a}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--gray-100);color:#212121;color:var(--gray-900);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.6}.skip-link{background:#ba0c2f;background:var(--primary-color);color:#fff;color:var(--white);font-weight:600;left:0;padding:8px 16px;position:absolute;text-decoration:none;top:-40px;z-index:10000}.skip-link:focus{outline:3px solid #3f4443;outline:3px solid var(--secondary-color);outline-offset:2px;top:0}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 70px);min-height:calc(100vh - var(--header-height));padding-top:70px;padding-top:var(--header-height)}.container{margin:0 auto;max-width:1200px;padding:0 20px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin-bottom:1rem}a{color:#ba0c2f;color:var(--primary-color);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}a:hover{color:#8a0922;text-decoration:underline}button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;transition:all .3s;transition:all var(--transition-speed)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:2px;outline:3px solid #3f4443;outline:3px solid var(--secondary-color);outline-offset:2px}.cta-button{background-color:#ba0c2f;background-color:var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;box-shadow:var(--box-shadow);color:#fff;color:var(--white);display:inline-block;font-weight:600;padding:12px 32px;text-decoration:none;transition:all .3s;transition:all var(--transition-speed)}.cta-button:hover{background-color:#8a0922;box-shadow:0 4px 12px #ba0c2f4d;text-decoration:none;transform:translateY(-2px)}.cta-button:focus-visible{box-shadow:0 0 0 6px #3f4443;box-shadow:0 0 0 6px var(--secondary-color);outline:3px solid #fff;outline:3px solid var(--white);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.loading{font-size:1.1rem}.loading,.no-results{color:#616161;color:var(--gray-600);padding:4rem 2rem;text-align:center}@media (max-width:768px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 16px}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}
/*# sourceMappingURL=main.feda2bf5.css.map*/