:root{--brand:#002f6a;--brand-soft:#eaf3fb;--accent:#00b7ce;--accent-soft:#e6fbfe;--ink:#172033;--text:#334155;--muted:#737987;--line:#e6edf4;--surface:#fff;--surface-alt:#f5f7fa;--shadow-sm:0 8px 24px #002f6a12;--shadow-md:0 18px 50px #002f6a1c;--radius:8px;--content-width:1040px}@font-face{font-family:IRANSans;font-style:normal;font-weight:400;src:url(/edu/101examples/topics/fonts/IRANSansWeb.ttf)format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:500;src:url(/edu/101examples/topics/fonts/IRANSansWeb_Medium.ttf)format("truetype")}@font-face{font-family:IRANSans;font-style:normal;font-weight:700;src:url(/edu/101examples/topics/fonts/IRANSansWeb_Bold.ttf)format("truetype")}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;font-size:15px}@media (width>=768px){html{font-size:16px}}body{min-height:100%;color:var(--text);background:linear-gradient(180deg,#00b7ce17 0,#fff0 260px),var(--surface-alt);text-align:right;direction:rtl;margin:0;font-family:Vazirmatn,IRANSans,Tahoma,Arial,sans-serif;line-height:1.9}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 12% 10%,#002f6a14,#0000 320px),linear-gradient(135deg,#002f6a09 0 12%,#0000 12% 100%);position:fixed;inset:0}a{color:var(--brand);text-decoration:none;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,transform .2s}a:hover{color:#001f47}img,iframe{max-width:100%}button,input,textarea,select{font:inherit}::selection{color:#fff;background:var(--brand)}.container{width:min(100% - 32px,var(--content-width));margin-inline:auto}.site-header{z-index:50;backdrop-filter:blur(18px);background:#fffffff0;border-bottom:1px solid #002f6a17;position:sticky;top:0}.site-header:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,87% 100%,0% 100%);background:#f2f5f8;width:36%;min-width:260px;position:absolute;inset-block:0;inset-inline-start:0}.site-header__inner{align-items:center;gap:22px;width:min(100% - 32px,1280px);min-height:74px;margin-inline:auto;display:flex}.site-brand{min-width:190px;color:var(--brand);align-items:center;gap:12px;display:inline-flex}.site-brand:hover{color:var(--brand)}.site-brand__mark{color:#fff;background:linear-gradient(135deg,var(--brand),#004b93 56%,var(--accent));border-radius:var(--radius);flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 28px #002f6a33}.site-brand__mark:before{content:"";inset-inline:10px;transform-origin:100%;background:#ffffffb8;height:2px;position:absolute;bottom:13px;transform:rotate(-25deg)}.site-brand__mark:after{content:"";inset-inline-end:10px;background:#fff;border-radius:999px;width:7px;height:7px;position:absolute;bottom:18px;box-shadow:-13px 6px #ffffffb8}.site-brand__mark span{z-index:1;margin-top:-8px;font-size:.82rem;font-weight:800;line-height:1;position:relative}.site-brand__copy{flex-direction:column;gap:1px;display:flex}.site-brand__copy strong{color:var(--brand);font-size:1.05rem;font-weight:800;line-height:1.4}.site-brand__copy small{color:var(--muted);white-space:nowrap;font-size:.75rem;line-height:1.5}.site-nav{justify-content:center;align-items:center;gap:8px;margin-inline:auto;display:flex}.site-nav a{color:#68707d;white-space:nowrap;align-items:center;min-height:38px;padding:6px 10px;font-size:.92rem;font-weight:600;display:inline-flex;position:relative}.site-nav a:after,.site-nav a:before{content:"";opacity:0;border-radius:999px;height:2px;transition:width .18s,opacity .18s;position:absolute;bottom:3px}.site-nav a:after{background:var(--accent);width:0;inset-inline-start:8px}.site-nav a:before{background:var(--brand);width:0;inset-inline-end:8px}.site-nav a:hover{color:var(--brand)}.site-nav a:hover:after{opacity:1;width:46%}.site-nav a:hover:before{opacity:1;width:24%}.site-header__cta{min-height:42px;color:var(--brand);white-space:nowrap;background:#fff;border:1px solid #002f6a38;border-radius:999px;justify-content:center;align-items:center;padding:8px 18px;font-size:.94rem;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #002f6a0f}.site-header__cta:hover{color:#fff;border-color:var(--brand);background:var(--brand);transform:translateY(-1px)}.site-nav__toggle,.site-nav__button{display:none}main{padding-block:28px 18px;display:block}.breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:.9rem;display:flex}.breadcrumb a{min-height:32px;color:var(--brand);background:var(--brand-soft);border:1px solid #002f6a14;border-radius:999px;align-items:center;padding:3px 12px;font-weight:700;display:inline-flex}.breadcrumb a:hover{background:#dfeefb}.breadcrumb span{color:var(--muted)}.video-section{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow-md);background:#071226;border:1px solid #002f6a29;margin:0 0 22px;position:relative;overflow:hidden}.video-section iframe,.video-section video{width:100%;height:100%;display:block;border:0!important;min-height:0!important}.page-header{color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#002f6a14,#00b7ce14),#fff;border:1px solid #002f6a1a;margin:22px 0;padding:24px 26px 26px;position:relative;overflow:hidden}.page-header:before{content:"آموزش آسان بورس";color:var(--brand);background:#ffffffbf;border:1px solid #002f6a1a;border-radius:999px;margin-bottom:12px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.page-header:after{content:"";background:linear-gradient(180deg,var(--accent),var(--brand));width:6px;position:absolute;inset-block:0;inset-inline-start:0}.page-header h1{max-width:920px;color:var(--brand);margin:0;font-size:1.72rem;font-weight:900;line-height:1.65}.page-header .intro{color:#4d596a;max-width:900px;margin:12px 0 0;font-size:1.02rem;line-height:2.05}.takeaways,.main-content,.faq-section,.gallery{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin:22px 0;padding:24px 26px}.takeaways{background:linear-gradient(#00b7ce12,#fff0 180px),#fff}.takeaways h2,.faq-section h2,.gallery h2{color:var(--brand);margin:0 0 18px;padding-inline-start:15px;font-size:1.22rem;font-weight:900;line-height:1.7;position:relative}.takeaways h2:before,.faq-section h2:before,.gallery h2:before{content:"";background:linear-gradient(180deg,var(--accent),var(--brand));border-radius:999px;width:4px;position:absolute;inset-block:.35em;inset-inline-start:0}.takeaways ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.takeaways li{color:#344154;border-radius:var(--radius);background:#ffffffc7;border:1px solid #002f6a14;min-height:42px;padding:10px 42px 10px 14px;position:relative}.takeaways li:before{content:"";inset-inline-start:14px;border:3px solid var(--accent);border-top-color:var(--brand);border-radius:50%;width:13px;height:13px;position:absolute;top:18px}.main-content{font-size:1.02rem}.main-content>:first-child{margin-top:0}.main-content h2{color:var(--brand);margin:2em 0 .75em;font-size:1.42rem;font-weight:900;line-height:1.75}.main-content h3{color:#172033;margin:1.7em 0 .65em;font-size:1.14rem;font-weight:850;line-height:1.8}.main-content p{margin:1em 0}.main-content strong{color:var(--brand);font-weight:850}.main-content a{border-bottom:1px solid #00b7ce73;font-weight:700}.main-content ul,.main-content ol{margin:1em 0;padding-inline-start:1.25rem}.main-content li{margin:.35em 0;padding-inline-start:.25rem}.content-figure{text-align:center;margin:26px 0}.content-figure img,.gallery-grid img{border-radius:var(--radius);cursor:zoom-in;background:#fff;border:1px solid #002f6a1f;width:100%;height:auto;margin-inline:auto;display:block;box-shadow:0 14px 32px #0f172a17}.content-figure figcaption,.gallery-grid figcaption{color:var(--muted);margin-top:10px;font-size:.9rem;line-height:1.8}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden}.faq-item+.faq-item{margin-top:12px}.faq-item summary{min-height:54px;color:var(--ink);cursor:pointer;align-items:center;gap:10px;padding:12px 44px 12px 16px;font-weight:850;list-style:none;display:flex;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";inset-inline-start:14px;color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.faq-item[open] summary{color:var(--brand);background:var(--brand-soft)}.faq-item[open] summary:before{content:"-";background:var(--accent)}.faq-answer{color:#4d596a;padding:0 44px 16px 16px}.page-footer{color:var(--muted);text-align:center;margin-top:30px;font-size:.9rem}.lightbox{z-index:9999;cursor:zoom-out;background:#020a19d6;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.lightbox.open{display:flex}.lightbox img{border-radius:var(--radius);max-width:min(1200px,94vw);max-height:92vh;box-shadow:0 24px 80px #00000061}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.cat-card{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.cat-card:hover{color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-3px)}.cat-card .thumb{aspect-ratio:16/9;background:#071226 50%/cover no-repeat}.cat-card .t{padding:14px 16px;font-size:1rem;font-weight:850}.navigation,.footer{direction:rtl;font-family:IRANSans,Vazirmatn,Tahoma,Arial,sans-serif}.navigation *,.navigation :before,.navigation :after,.footer *,.footer :before,.footer :after{box-sizing:border-box}.navigation ul,.footer ul{margin:0;padding:0;list-style:none}.navigation .container,.footer .container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;display:block;position:relative}.navigation{z-index:10;border-bottom:1px solid #eeeeee29;width:100%;position:relative}.navigation:after{content:"";z-index:-1;clip-path:polygon(0% 0%,75% 0%,70% 100%,0% 100%);background-color:#f2f2f2;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.navigation-container{justify-content:space-between;align-items:center;min-height:92px;padding:20px 0;display:flex;position:relative}.navigation-logo{flex:0 0 140px;width:140px}.navigation-logo_img{width:100%;height:auto;display:block}.navigation-list{justify-content:center;align-items:center;display:flex}.navigation-list__item{margin:0 8%}.navigation-list__link{color:#78797c;justify-content:center;align-items:center;width:max-content;padding:10px 4px;font-size:1rem;font-weight:500;line-height:1.4;transition:all .3s;display:flex;position:relative}.navigation-list__link:after,.navigation-list__link:before{content:"";border-radius:1rem;width:0;height:1px;transition:all .1s ease-out;position:absolute;bottom:0}.navigation-list__link:after{background-color:#00b7ce;inset-inline-start:0}.navigation-list__link:before{background-color:#002f6a;transition-delay:.1s;inset-inline-start:75%}.navigation-list__link:hover{color:#002f6a}.navigation-list__link:hover:after{width:70%}.navigation-list__link:hover:before{width:25%}.navigation-signin__btn{color:#002f6a;justify-content:center;align-items:center;padding:5px 25px;font-size:1.06rem;line-height:1;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 0 4px 4px #ffffff03}.navigation-signin__btn:after,.navigation-signin__btn:before{content:"";background-color:#0000;border-inline:2px solid #002f6a;width:100%;height:37%;position:absolute;inset-inline-start:0}.navigation-signin__btn:after{border-top:2px solid #002f6a;border-radius:calc(10rem + 50%) calc(10rem + 50%) 0 0;top:0}.navigation-signin__btn:before{border-bottom:2px solid #002f6a;border-radius:0 0 calc(10rem + 50%) calc(10rem + 50%);bottom:0}.navigation-signin__btn:hover{color:#00b7ce}.navigation__input,.navigation__label,.fade-bg{display:none}.footer{color:#99999e;background:0 0;width:100%;margin-top:46px;position:relative}.footer-container{text-align:center;width:70%;margin:0 auto;padding:60px 0 15px}.footer-container:after{content:"";z-index:-1;background-color:#f2f2f2;border-top-left-radius:calc(200rem + 30%);width:calc(50% + 50vw);height:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.footer-logo{width:300px;margin:0 auto}.footer-logo__container{width:100%;height:auto;display:block}.footer-list,.footer-social,.footer-contact{justify-content:space-evenly;align-items:center;display:flex}.footer-list{margin-top:20px}.footer-list__link{color:#78797c;padding:0 5px;font-size:.94rem;font-weight:500;transition:all .3s}.footer-list__link:hover{color:#000;font-weight:700}.footer-social{justify-content:center;margin:40px 0 30px}.footer-social__item{margin:0 20px;padding:0 5px}.footer-social__link{transition:all .3s}.footer-social__link:hover .footer-social__img{filter:brightness(0);opacity:1}.footer-social__img{width:23px;height:auto;display:block}.aparat-icon{opacity:.5}.footer-contact{margin-bottom:25px}.footer-contact__item{color:#99999e;flex-direction:column;align-items:center;margin:10px 0;display:flex}.footer-contact__header{margin-bottom:7px;font-size:.94rem;font-weight:700}.footer-contact__description{font-size:.82rem;font-weight:500}.footer-namad{flex-direction:column;display:flex;position:absolute;inset-block-start:50%;inset-inline-start:2rem;transform:translateY(-50%)}.footer-namad__item{border-radius:var(--radius);background-color:#fff;width:100px;height:100px;margin:10px 0}.footer-copyright{color:#99999e;border-top:2px solid #ddd}.footer-copyright__desc{margin-top:10px;font-size:.82rem}.footer-copyright__eng{color:#99999e;direction:ltr;font-size:.82rem;font-weight:500}.footer-copyright__c{border:2px solid #99999e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding-top:2px;font-size:14px;font-weight:700;display:inline-flex}.topics-page{width:min(100vw - 32px,1280px);margin-inline:calc(50% + -1*min(50vw - 16px,640px))}.topics-hero{color:var(--ink);border-radius:var(--radius);background:#f2f2f2;border:1px solid #002f6a0d;align-items:center;gap:14px;margin-top:16px;padding:12px;display:flex}.topics-hero__icon{border-radius:var(--radius);flex:0 0 82px;width:82px;height:82px;overflow:hidden}.topics-hero__icon img,.topics-menu__icon img{width:100%;height:auto;display:block}.topics-hero__content h1{color:var(--brand);margin:0;font-size:1.76rem;font-weight:900;line-height:1.65}.topics-hero__content p{color:#78797c;margin:4px 0 0;font-size:.98rem;line-height:1.9}.topics-layout{align-items:flex-start;gap:20px;margin-block:40px;display:flex}.topics-menu{border-radius:var(--radius);background:#f2f2f2;border:1px solid #002f6a0d;flex:0 0 320px;width:320px;padding:34px 28px;position:sticky;top:92px}.topics-menu__icon{border-radius:var(--radius);width:98px;height:98px;margin-inline:auto;overflow:hidden}.topics-menu__title{color:var(--accent);text-align:center;margin-top:18px;font-size:1.22rem;font-weight:800}.topics-menu__tabs{border-bottom:1px solid #ddd;align-items:center;margin:10px 50% 0 0;display:inline-flex;transform:translate(50%)}.topics-menu__tab{color:var(--brand);white-space:nowrap;padding:7px 12px;font-size:.84rem;font-weight:650;position:relative}.topics-menu__tab:after,.topics-menu__tab:before{content:"";width:0;height:2px;transition:width .2s;position:absolute;bottom:-1px}.topics-menu__tab:after{background:var(--brand);inset-inline-start:0}.topics-menu__tab:before{background:var(--accent);inset-inline-start:calc(60% + 4px)}.topics-menu__tab:hover,.topics-menu__tab--active{color:var(--brand);font-weight:850}.topics-menu__tab:hover:after,.topics-menu__tab--active:after{width:60%}.topics-menu__tab:hover:before,.topics-menu__tab--active:before{width:30%}.topics-menu__links{gap:2px;margin-top:30px;display:grid}.topics-menu__links a{color:#78797c;border-radius:var(--radius);min-height:32px;padding:4px 32px 4px 8px;font-size:.9rem;line-height:1.85;display:block;position:relative}.topics-menu__links a:before{content:"";inset-inline-start:12px;background:url(/edu/101examples/topics/images/link-icon.png) 50%/contain no-repeat;width:10px;height:10px;position:absolute;top:50%;transform:translateY(-50%)}.topics-menu__links a:hover,.topics-menu__links a.is-active{color:var(--brand);background:#ddd;font-weight:850}.topics-menu__links a:hover:before,.topics-menu__links a.is-active:before{background-image:url(/edu/101examples/topics/images/link-icon-active.png)}.topics-list{border-radius:var(--radius);background:#f2f2f2;border:1px solid #002f6a0d;width:100%;padding:10px 0 22px}.topics-group{padding-top:26px;scroll-margin-top:104px}.topics-group:not(:last-child) ul{border-bottom:1px solid #ddd}.topics-group h2{color:var(--brand);margin:0;padding:0 22px 7px 0;font-size:1.24rem;font-weight:900;line-height:1.65;position:relative}.topics-group h2:after,.topics-group h2:before{content:"";width:3px;position:absolute;inset-inline-start:0}.topics-group h2:after{background:var(--accent);clip-path:polygon(0% 0%,100% 0%,100% 85%,0% 100%);height:65%;top:0}.topics-group h2:before{clip-path:polygon(0% 0%,100% 25%,100% 100%,0% 100%);background:#000;height:30%;bottom:0}.topics-group ul{margin:16px 44px 0;padding:0 0 24px;list-style:none}.topics-group li{min-height:36px;padding-inline-start:30px;font-size:.96rem;line-height:2.35;position:relative}.topics-group li:before{content:"";inset-inline-start:0;background:url(/edu/101examples/topics/images/list-icon.png) 50%/contain no-repeat;width:20px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.topics-group li a{color:#78797c}.topics-group li a:hover{color:#000;font-weight:850}.reference-index{direction:rtl;width:min(100vw - 32px,1280px);margin-inline:calc(50% + -1*min(50vw - 16px,640px));font-family:IRANSans,Vazirmatn,Tahoma,Arial,sans-serif}.reference-index .container{width:100%;max-width:1440px;margin:0 auto;padding:0 2rem;display:block;position:relative}.reference-index ul{margin:0;padding:0;list-style:none}.reference-index .header{border-radius:var(--radius);background-color:#f2f2f2;align-items:center;margin-top:2rem;padding:1rem;display:flex}.reference-index .header-img{border-radius:.7rem;flex:0 0 8rem;width:8rem;height:8rem}.reference-index .header-img__image,.reference-index .main-menu__logo-img{width:100%;height:auto;display:block}.reference-index .header-content{margin-inline-start:1rem}.reference-index .header-content__h{color:#002f6a;margin:0;font-size:1.75rem;font-weight:700;line-height:1.65}.reference-index .header-content__description{color:#78797c;margin:.5rem 0 0;font-size:.94rem;line-height:1.9}.reference-index .main{justify-content:space-between;align-items:flex-start;column-gap:2rem;margin-block:4rem;display:flex}.reference-index .main-menu{border-radius:var(--radius);background-color:#f2f2f2;flex:0 0 24rem;width:24rem;padding:3.2rem 2.2rem;position:sticky;top:2rem}.reference-index .main-menu__logo{border-radius:.8rem;width:6.4rem;height:6.4rem;margin:0 auto}.reference-index .main-menu__header{color:#00b7ce;text-align:center;margin-top:1.25rem;font-size:1.25rem;font-weight:500}.reference-index .main-menu__orders{text-align:center;border-bottom:1px solid #ddd;align-items:center;margin:0 auto;display:inline-flex;position:relative;right:50%;transform:translate(50%)}.reference-index .main-menu__order{color:#002f6a;margin-top:.65rem;padding:.55rem;font-size:.78rem;position:relative}.reference-index .main-menu__order:after,.reference-index .main-menu__order:before{content:"";width:0;height:2px;transition:width .3s;position:absolute;bottom:-1px}.reference-index .main-menu__order:after{background-color:#002f6a;inset-inline-start:0}.reference-index .main-menu__order:before{background-color:#00b7ce;inset-inline-start:calc(60% + 4px)}.reference-index .main-menu__order:hover{font-weight:700}.reference-index .main-menu__order:hover:after{width:60%}.reference-index .main-menu__order:hover:before{width:30%}.reference-index .main-menu__links{margin-top:2.5rem}.reference-index .main-menu__link{font-size:.86rem;line-height:2.2}.reference-index .main-menu__link a{color:#78797c;border-radius:var(--radius);padding:.38rem 2rem .38rem .5rem;display:block;position:relative}.reference-index .main-menu__link a:before{content:"";inset-inline-start:.75rem;background:url(/edu/101examples/topics/images/link-icon.png) 50%/contain no-repeat;border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-index .active-link{background-color:#ddd;font-weight:700;color:#002f6a!important}.reference-index .active-link:before{background-image:url(/edu/101examples/topics/images/link-icon-active.png)!important}.reference-index .main-items{border-radius:var(--radius);background-color:#f2f2f2;width:100%;padding:1rem 0 2rem}.reference-index .main-item{padding-top:3rem;scroll-margin-top:6rem}.reference-index .main-item:not(:last-child) .main-item__list{border-bottom:1px solid #ddd}.reference-index .main-item__header{color:#002f6a;margin:0;padding:0 2rem .5rem 0;font-size:1.25rem;font-weight:800;line-height:1.7;position:relative}.reference-index .main-item__header:after,.reference-index .main-item__header:before{content:"";width:3px;position:absolute;inset-inline-start:0}.reference-index .main-item__header:after{clip-path:polygon(0% 0%,100% 0%,100% 85%,0% 100%);background-color:#00b7ce;height:65%;top:0}.reference-index .main-item__header:before{clip-path:polygon(0% 0%,100% 25%,100% 100%,0% 100%);background-color:#000;height:30%;bottom:0}.reference-index .main-item__list{margin:2rem 4rem 0;padding-bottom:3rem}.reference-index .main-item__text{padding-inline-start:3rem;font-size:.94rem;line-height:2.7;position:relative}.reference-index .main-item__text:before{content:"";inset-inline-start:0;background:url(/edu/101examples/topics/images/list-icon.png) 50%/contain no-repeat;width:2rem;height:2rem;position:absolute;top:50%;transform:translateY(-50%)}.reference-index .main-item__text a{color:#78797c;transition:all .3s}.reference-index .main-item__text:hover a{color:#000;font-weight:700}.product-index{direction:rtl;width:min(100vw - 32px,1280px);margin-inline:calc(50% + -1*min(50vw - 16px,640px));font-family:IRANSans,Vazirmatn,Tahoma,Arial,sans-serif}.product-hero{border-radius:var(--radius);background:linear-gradient(135deg,#00b7ce1f,#002f6a00 36%),#f2f2f2;border:1px solid #002f6a0f;margin-top:2rem;padding:2rem}.product-hero__content{max-width:1080px}.product-hero__content h1{color:var(--brand);margin:0 0 1rem;font-size:clamp(1.55rem,2vw,2.25rem);font-weight:900;line-height:1.75}.product-hero__content p{color:#4d596a;margin:0 0 .85rem;font-size:1rem;line-height:2.15}.product-hero__content p:last-child{margin-bottom:0}.product-summary{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;margin:2rem 0;padding:2rem}.product-summary h2{color:var(--brand);margin:0;font-size:1.28rem;font-weight:900;line-height:1.7}.product-summary ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.product-summary li{color:#334155;border-radius:var(--radius);background:#f7f9fb;border:1px solid #002f6a0f;min-height:46px;padding:.7rem 2.1rem .7rem 1rem;line-height:1.85;position:relative}.product-summary li:before{content:"";inset-inline-start:12px;background:url(/edu/101examples/topics/images/list-icon.png) 50%/contain no-repeat;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)}.product-lessons{margin-bottom:3rem}.site-footer{color:#cbd5e1;background:linear-gradient(135deg,#00b7ce14,#002f6a00 38%),#071226;margin-top:46px}.site-footer__inner{grid-template-columns:1.45fr repeat(3,1fr);gap:28px;width:min(100% - 32px,1280px);margin-inline:auto;padding:54px 0 34px;display:grid;position:relative}.site-brand--footer{color:#fff;min-width:0}.site-brand--footer .site-brand__copy strong{color:#fff}.site-brand--footer .site-brand__copy small{color:#a9bacd}.site-footer__brand p{color:#a9bacd;max-width:390px;margin:18px 0 0;font-size:.95rem}.site-footer h2{color:#fff;margin:0 0 13px;font-size:1rem;font-weight:850}.site-footer__links,.site-footer__contact{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.site-footer a{color:#a9bacd;font-size:.94rem}.site-footer a:hover{color:#fff}.site-footer__socials{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.site-footer__socials a{color:#dce6ef;background:#ffffff12;border:1px solid #ffffff14;border-radius:999px;align-items:center;min-height:32px;padding:4px 10px;font-size:.82rem;display:inline-flex}.site-footer__socials a:hover{background:#00b7ce2e;border-color:#00b7ce66}.site-footer__bottom{color:#8fa3b7;border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;width:min(100% - 32px,1280px);margin-inline:auto;padding:16px 0 20px;font-size:.86rem;display:flex}.btn:focus,.btn:active:focus,.btn-link.nav-link:focus,.form-control:focus,.form-check-input:focus{box-shadow:0 0 0 .1rem #fff,0 0 0 .25rem #00b7ce73}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:var(--bs-secondary-color,var(--muted));text-align:end}.form-floating>.form-control-plaintext:focus::placeholder,.form-floating>.form-control:focus::placeholder{text-align:start}@media (width<=1080px){.site-header__inner{gap:14px}.site-nav{gap:2px}.site-nav a{padding-inline:7px;font-size:.86rem}.site-footer__inner{grid-template-columns:repeat(2,1fr)}.navigation:after{clip-path:polygon(0% 0%,80% 0%,75% 100%,0% 100%)}.navigation-list__item{margin:0 6%}}@media (width<=980px){.reference-index{width:100%;margin-inline:0}.reference-index .main{flex-direction:column;display:flex}.reference-index .main-menu{flex-basis:auto;width:100%;margin-bottom:4rem;position:relative;top:auto}.reference-index .main-menu__links{flex-wrap:wrap;gap:.25rem .75rem;display:flex}.topics-page{width:100%;margin-inline:0}.topics-layout{flex-direction:column}.topics-menu{flex-basis:auto;width:100%;position:relative;top:auto}.topics-menu__links{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 10px}}@media (width<=820px){.navigation:after{clip-path:unset}.navigation-container{min-height:78px}.navigation__label{z-index:20;cursor:pointer;width:64px;height:64px;display:block;position:absolute;inset-block-start:8px;inset-inline-start:20px}.navigation__label span{background-color:#002f6a;width:30px;height:2px;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}.navigation__label span:before,.navigation__label span:after{content:"";background-color:#002f6a;height:2px;transition:all .3s;position:absolute}.navigation__label span:after{width:20px;inset-block-start:-9px;inset-inline-start:0}.navigation__label span:before{width:17px;inset-block-start:9px;inset-inline-end:0}.navigation__input:checked~.navigation__label>span{background-color:#0000;position:fixed;inset-block-start:50px;inset-inline-start:74px}.navigation__input:checked~.navigation__label>span:after{background-color:#000;width:30px;inset-block-start:0;transform:rotate(135deg)}.navigation__input:checked~.navigation__label>span:before{background-color:#000;width:30px;inset-block-start:0;transform:rotate(-135deg)}.navigation-logo_img{margin-inline-start:20px}.navigation-list{z-index:10;background-color:#fff;flex-direction:column;justify-content:flex-start;width:100vw;height:0;padding:0;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:fixed;inset-block-start:0;inset-inline-start:0;overflow:hidden}.navigation-list__item{width:100%;margin:0;padding:8px 0}.navigation-list__item:not(:last-child),.navigation-list__item:first-child{border-bottom:1px solid #00306a1c}.navigation__input:checked~.navigation-list{height:auto;padding-top:100px}.fade-bg{z-index:9;visibility:hidden;filter:blur(10px);background-color:#00000080;width:100vw;height:100vh;display:none;position:fixed;inset:0}.navigation__input:checked~.fade-bg{visibility:visible;display:block}.navigation-signin{z-index:21;visibility:hidden;position:fixed;inset-block-start:40px;inset-inline-end:50px;transform:translateY(-200px);transition:all .2s!important}.navigation__input:checked~.navigation-signin{visibility:visible;transform:translate(0)}.navigation-signin__btn:after,.navigation-signin__btn:before{border-inline-width:1px}.navigation-signin__btn:after{border-top-width:1px}.navigation-signin__btn:before{border-bottom-width:1px}.footer-contact{flex-direction:column}.footer-container:after{border-top-left-radius:calc(40rem + 10%)}.footer-namad{flex-direction:row;justify-content:center;position:static;transform:none}.footer-namad__item{margin:15px}.footer-list{flex-wrap:wrap}.footer-list__item{margin:10px 0;padding:0 10px}.footer-copyright__c{width:15px;height:15px}.site-header__inner{min-height:68px}.site-header:before{width:64%}.site-nav__button{cursor:pointer;border-radius:var(--radius);background:#fff;border:1px solid #002f6a1f;order:-1;justify-content:center;align-items:center;width:42px;height:42px;margin-inline-start:auto;display:inline-flex;position:relative}.site-nav__button span,.site-nav__button span:before,.site-nav__button span:after{background:var(--brand);border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.site-nav__button span:before,.site-nav__button span:after{content:"";position:absolute}.site-nav__button span:before{transform:translateY(-7px)}.site-nav__button span:after{transform:translateY(7px)}.site-nav{inset-inline:16px;border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fff;border:1px solid #002f6a1a;flex-direction:column;align-items:stretch;gap:0;padding:8px;display:none;position:absolute;top:calc(100% + 8px)}.site-nav a{border-radius:6px;min-height:42px;padding:7px 12px}.site-nav a:hover{background:var(--brand-soft)}.site-nav a:before,.site-nav a:after{display:none}.site-nav__toggle:checked~.site-nav{display:flex}.site-nav__toggle:checked+.site-nav__button span{background:0 0}.site-nav__toggle:checked+.site-nav__button span:before{transform:rotate(45deg)}.site-nav__toggle:checked+.site-nav__button span:after{transform:rotate(-45deg)}.site-header__cta{display:none}}@media (width<=680px){.container{width:min(100% - 24px,var(--content-width))}main{padding-block-start:18px}.site-brand{min-width:0}.site-brand__mark{flex-basis:44px;width:44px;height:44px}.site-brand__copy strong{font-size:.96rem}.site-brand__copy small{text-overflow:ellipsis;max-width:145px;overflow:hidden}.video-section{border-radius:6px}.page-header,.takeaways,.main-content,.faq-section,.gallery{padding:18px 16px}.page-header h1{font-size:1.32rem}.page-header .intro,.main-content{font-size:.97rem}.main-content h2{font-size:1.18rem}.main-content h3{font-size:1.04rem}.takeaways li{padding-inline:36px 12px}.faq-item summary,.faq-answer{padding-inline:40px 12px}.site-footer__inner{grid-template-columns:1fr;padding-top:40px}.site-footer__bottom{flex-direction:column}.topics-hero,.reference-index .header{align-items:flex-start}.reference-index .header-img{flex-basis:6.4rem;width:6.4rem;height:6.4rem}.reference-index .header-content__h{font-size:1.38rem}.reference-index .header-content__description{font-size:.82rem}.reference-index .main{margin-block:2.5rem}.reference-index .main-menu{padding:2.5rem 1.8rem}.reference-index .main-menu__logo{width:5.5rem;height:5.5rem}.reference-index .main-item__list{margin-inline:2rem}.topics-hero__content h1{font-size:1.28rem}.topics-hero__content p{font-size:.88rem}.topics-layout{margin-block:24px}.topics-menu{padding:24px 18px}.topics-group ul{margin-inline:20px}.product-index{width:min(100% - 24px,var(--content-width));margin-inline:auto}.product-hero,.product-summary{padding:18px 16px}.product-hero__content h1{font-size:1.32rem}.product-hero__content p{font-size:.95rem}.product-summary ul{grid-template-columns:1fr}}@media (width<=420px){.site-brand__copy small{display:none}.site-brand__mark{flex-basis:40px;width:40px;height:40px}}.asan-related-articles{width:min(100%,var(--content-width));border:1px solid #002f6a1a;border-inline-start:4px solid var(--accent);border-radius:var(--radius);background:linear-gradient(#f8fbff 0%,#eef7fb 100%);margin-block:42px 10px;margin-inline:auto;padding:22px;box-shadow:0 10px 28px #002f6a0f}.asan-related-articles__inner{gap:14px;display:grid}.asan-related-articles__header{border-bottom:1px solid #002f6a14;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.asan-related-articles__title{color:var(--brand);margin:0;font-size:1.16rem;font-weight:800;line-height:1.6}.asan-related-articles__eyebrow{color:var(--muted);white-space:nowrap;font-size:.86rem;font-weight:600}.asan-related-articles__list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.asan-related-articles__link{color:var(--ink);background:#ffffffb8;border:1px solid #002f6a14;border-radius:7px;padding:12px 16px 12px 42px;display:block;position:relative}.asan-related-articles__link:after{content:"";inset-inline-start:16px;border-block-start:2px solid var(--accent);border-inline-start:2px solid var(--accent);width:9px;height:9px;position:absolute;top:50%;transform:translateY(-50%)rotate(-45deg)}.asan-related-articles__link:hover{color:var(--brand);background:#fff;border-color:#00b7ce52;box-shadow:0 8px 22px #002f6a14}.asan-related-articles__text{font-size:.96rem;font-weight:700;line-height:1.9;display:block}@media (width<=640px){.asan-related-articles{margin-top:30px;padding:16px}.asan-related-articles__header{flex-direction:column;align-items:flex-start}.asan-related-articles__eyebrow{white-space:normal}.asan-related-articles__link{padding:11px 14px 11px 36px}.asan-related-articles__link:after{inset-inline-start:14px}}