.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;background:var(--bg1);color:#fff;padding:0 1rem;align-items:center;box-sizing:border-box;height:var(--header-height);z-index:10;border-bottom:1px solid var(--border)}.header .logo{height:var(--header-height);cursor:pointer;transition:.3s}.header .logo:hover{transform:scale(1.05)}.header nav{display:flex;align-items:center;position:absolute;left:50%;transform:translate(-50%)}.header a{color:#fff;padding:0 1rem;text-decoration:none;font-weight:var(--light);transition:.3s;font-size:1.2rem;height:var(--header-height);display:flex;align-items:center}.header a:hover{font-size:1.3rem}.header .sign-in-button{padding:.5rem 1rem;border-radius:1rem;font-size:1.2rem}.header .profile-picture{padding:0;height:calc(var(--header-height) - .75rem);width:calc(var(--header-height) - .75rem);border-radius:50%;background-image:url(/assets/profileiconwhite-CSR9jM8_.svg);background-size:cover;background-position:0;background-color:transparent;border:none;transition:.3s;cursor:pointer;background-repeat:no-repeat}.header .profile-picture:hover{background-image:url(/assets/profileiconcolor-B1kmMzbF.svg);background-size:cover;background-position:0;box-shadow:0 0 .5rem #0ff;animation:none;scale:1.05}.header .nav-separator{color:gray;font-size:1.2rem;margin:0 1rem;cursor:default;font-weight:var(--light)}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;color:#fff;background:radial-gradient(circle at right,var(--bg2),var(--bg1));text-align:center}hr{width:80%}p{font-family:Ubuntu,sans-serif;font-weight:var(--light);font-size:1.5rem;line-height:1.5}.section1{align-content:center;height:calc(90vh - var(--header-height))}.home .title{font-size:max(11vw,7rem);font-family:Ubuntu Condensed,sans-serif;align-items:center;margin:0}.sensei{font-family:Ubuntu,sans-serif;font-weight:var(--extra-bold);background:var(--linear-gradient);animation:linearGradientAnimation 10s infinite linear;background-size:300% 100%;padding:1rem;border-radius:2rem;transition:.5s;cursor:pointer}.sensei:hover{background:var(--radial-gradient);animation:radialGradientAnimation 1s ease-out;background-size:var(--radial-zoom);background-position:50% 50%;background-repeat:no-repeat;box-shadow:0 0 2rem #0ff}.section2{align-content:center;height:70vh;width:90vw}.home h1{font-size:3.5rem;font-weight:var(--bold)}.section2 h1{margin:0}.section2 p{font-size:2rem;margin:4rem 0;font-weight:var(--normal)}.section3{margin:5rem;width:min(95vw,90rem)}.why0{display:flex;flex-wrap:wrap;justify-content:space-around}.why1{background:var(--bg3);width:48%;margin:1rem 0;border-radius:2rem;transition:.5s;padding:1rem;box-sizing:border-box}.why1:hover{background:var(--bg4)}.why2{display:flex;background:transparent;justify-content:space-between;align-items:center}.why2 p{text-align:left}@media (max-width: 1000px){.why1{width:min(100%,50rem)}}.section3 h2{font-size:2rem;font-weight:var(--bold)}.icon{width:40%;margin:5%}.section4{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:5rem}.s4-caption{font-weight:var(--light);width:min(80vw,90rem);text-align:justify}.how{display:flex;flex-direction:row;align-items:center;width:min(80vw,90rem);background-color:var(--bg3);padding:2rem;border-radius:3rem;transition:.5s;margin:1rem 0}.how:hover{background-color:var(--bg4)}.section4 h2{font-size:2rem;font-weight:var(--extra-bold)}.section4 .bullet{width:10rem;height:10rem;border-radius:50%;background:linear-gradient(90deg,#00a0ff,#00ffa0,#00a0ff);animation:linearGradientAnimation 10s infinite linear;background-size:300% 100%;font-weight:var(--extra-bold);align-content:center;font-size:6rem;flex:none;margin:0}.section4 .description{text-align:left;margin-left:2rem}.why1.animate-on-scroll:nth-child(1){transition-delay:.1s}.why1.animate-on-scroll:nth-child(2){transition-delay:.3s}.why1.animate-on-scroll:nth-child(3){transition-delay:.5s}.why1.animate-on-scroll:nth-child(4){transition-delay:.7s}.how.animate-on-scroll:nth-child(3){transition-delay:.1s}.how.animate-on-scroll:nth-child(4){transition-delay:.3s}.how.animate-on-scroll:nth-child(5){transition-delay:.5s}.how.animate-on-scroll:nth-child(6){transition-delay:.7s}.how.animate-on-scroll:nth-child(7){transition-delay:.9s}.section1.animate-on-scroll{transform:translate(-50px)}.section1.animate-on-scroll.animate{transform:translate(0)}.section2.animate-on-scroll{transform:translate(50px)}.section2.animate-on-scroll.animate{transform:translate(0)}.section4 h1.animate-on-scroll{transform:translateY(-50px)}.section4 h1.animate-on-scroll.animate{transform:translateY(0)}.about.animate-on-scroll{transform:translateY(50px)}.about.animate-on-scroll.animate{transform:translateY(0)}.footer{display:flex;justify-content:center;padding:1rem 0;text-align:center;color:#fff;width:100%;position:relative;bottom:0;left:0;right:0;z-index:100;border-top:1px solid var(--border)}.footer a{margin:0 1rem;color:#fff}.auth-container{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem;background:var(--bg3);width:30rem;border-radius:4rem;margin-top:calc(var(--header-height) + 2rem)}.auth-container a{margin-top:1rem;font-size:1.2rem}.auth-container p{font-size:1.2rem;margin-top:1rem}.agree input,.agree input:focus{width:1.25rem;height:1.25rem;cursor:pointer;box-shadow:none}.agree input:hover{box-shadow:0 0 .75rem #0ff}.agree label{width:100%;font-size:1rem;font-weight:var(--light);text-align:left}.agree label a{font-size:inherit}.agree{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:90%}.agree div{display:flex;justify-content:flex-start;align-items:center;flex-direction:row;width:100%}.settings{margin-top:calc(var(--header-height) + 2rem);display:flex;flex-direction:column;justify-content:center;align-items:center;justify-self:center;max-width:min(70rem,90%);gap:1rem}.delete-modal .modal-content{border:2px solid #ff0000;box-shadow:0 0 2rem red}.exit-modal-button{float:right;translate:0 -2rem;cursor:pointer;font-size:1rem;transition:.3s;color:#fff;transform:scale(3)}.exit-modal-button:hover{color:red;transform:scale(4)}.delete-modal p{text-align:left}.delete-modal input:focus{border:2px solid red;outline:none;background:var(--bg4);box-shadow:0 0 1rem red}.delete-modal button{margin:1rem}.profile-settings{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem;background:var(--bg3);border-radius:4rem;transition:.5s;width:100%;box-sizing:border-box}.profile-settings div{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;width:100%;box-sizing:border-box}div .info-div{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;margin-bottom:1rem}textarea{width:100%;height:10rem;margin:1rem;padding:.5rem;background-color:transparent;border:2px solid white;border-radius:1rem;font-size:1.2rem;color:#fff;resize:none;font-family:Ubuntu,sans-serif;font-weight:var(--light);transition:.5s}textarea:hover{background:var(--bg4)}textarea:focus{border:2px solid cyan;outline:none;background:var(--bg4);box-shadow:0 0 1rem #0ff}.account-update{display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;margin:0;padding:0;gap:1rem}.account-update form{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:4rem;background:var(--bg3);border-radius:4rem;transition:.5s;height:30rem;width:100%;box-sizing:border-box}.account-update input{width:100%}.exit{display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;background:var(--bg3);padding:2rem;border-radius:2rem;width:100%;box-sizing:border-box}.exit button{margin:0 3rem;width:20rem}.delete-modal button:hover{background:red;border:2px solid red;box-shadow:0 0 2rem red}@media (max-width: 1000px){.account-update,.exit{flex-direction:column}.exit button{margin:1rem 0;width:100%}}.spinner{background:linear-gradient(0deg,#00a0ff,#0000);border-radius:50%;width:100px;height:100px;animation:spin .5s linear infinite;justify-self:center;max-width:100px;max-height:100px}.spinner div{background:var(--bg2);border-radius:50%;width:75px;height:75px;position:relative;top:12.5px;left:12.5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatbot-page{display:flex;flex-direction:row;justify-content:space-between;width:100%}.chat-window{display:flex;flex-direction:column;text-align:left;width:min(55rem,calc(100vw - 22rem))}.collapsed .chat-window{width:min(55rem,calc(100vw - 3rem))}.message-container{display:flex;flex-direction:column;justify-content:flex-start;word-break:break-word}.user-history{background:#00ffa030;max-width:75%;margin-left:auto;width:fit-content;border-radius:.75rem;padding:.5rem 1rem;border:none;white-space:pre-wrap;font-size:1rem;cursor:text}.fun-user-history{background:#ff00ff30;max-width:75%;margin-left:auto;width:fit-content;border-radius:.75rem;padding:.5rem 1rem;border:none;white-space:pre-wrap;font-size:1rem;cursor:text}.bot-history{background:#00a0ff30;box-sizing:border-box;width:fit-content;max-width:100%;border-radius:.75rem;padding:.75rem 1rem;border:none;white-space:pre-wrap;font-size:1rem}.bot-history *{margin:0;cursor:text}.bot-history p{font-size:1rem}.bot-history a{font-size:1rem;cursor:pointer}.bot-history blockquote{border-left:2px solid #00a0ff;margin-left:.75rem;padding-left:.75rem}.bot-history code{background:#00a0ff50;padding:.3rem;border-radius:.3rem}.custom-code-block{padding:0;margin:0;border-radius:.75rem;overflow-x:auto;width:100%;line-height:1.5;box-sizing:border-box;white-space:pre-wrap}.custom-code-block code{padding:0}.bot-history table{width:100%;border-collapse:collapse;line-height:1.5}.bot-history th,.bot-history td{border:1px solid #ffffff;text-align:left;padding:.3rem}.bot-history th{background:#00a0ff30;font-weight:700}.bot-history li{line-height:1.5}.bot-history input[type=checkbox]{margin:0 .75rem;width:1rem;height:1rem;vertical-align:middle;cursor:default}.bot-history hr{border:none;border-top:1px solid #00a0ff;margin:.75rem 0;width:100%}.chat-form{box-sizing:border-box;position:fixed;bottom:0;display:flex;align-items:center;width:min(55rem,calc(100vw - 22rem));background:var(--bg3);padding:0 .5rem;border-radius:.75rem .75rem 0 0;border:1px solid var(--primary-border)}.collapsed .chat-form{width:min(55rem,calc(100vw - 3rem))}.chat-form textarea{max-height:20rem;height:100%;font-size:1rem;align-content:center;border-radius:.75rem;border:none;z-index:10;line-height:1.5;box-sizing:border-box;margin:0}.chat-form textarea::-webkit-scrollbar{width:.5rem;background:transparent}.chat-form textarea::-webkit-scrollbar-track{background:transparent;border-radius:.25rem}.chat-form textarea::-webkit-scrollbar-thumb{background-color:var(--primary-dark);border-radius:.25rem;cursor:default}.chat-form textarea::-webkit-scrollbar-thumb:hover{background-color:var(--secondary)}.chat-form textarea:hover{background:transparent}.chat-form textarea:focus{background:transparent;box-shadow:none}.chat-form button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:2.5rem;background-position:center;background-repeat:no-repeat;height:2.5rem;width:2.5rem;margin:1rem 0;padding:0;animation:none;border-radius:1rem;flex-shrink:0;background-color:transparent;transition:.3s;margin:0;opacity:1}.chat-form button:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-color:var(--secondary);animation:none;background-size:2.5rem}.chat-form button:disabled{opacity:0;scale:0}.chat-container{display:flex;flex-direction:row;justify-content:center;width:100%;margin-left:21rem;transition:margin-left .3s}.sidebar.collapsed+.chat-container{margin-left:2rem}.sidebar{position:fixed;box-sizing:border-box;height:100%;width:20rem;background:var(--bg5);padding:0 1rem;justify-content:top;align-items:center;display:flex;flex-direction:column;transition:width ease-out .3s;z-index:10;border-right:1px solid var(--border)}.sidebar.collapsed{width:.5rem}.sidebar.collapsed .chat-label,.sidebar.collapsed .chat-item,.sidebar.collapsed .chat-item-active,.sidebar.collapsed .delete-button,.sidebar.collapsed hr,.sidebar.collapsed .fun-mode-switch,.sidebar.collapsed .create-chat,.sidebar.collapsed .create-chat-active{display:none}.create-chat{margin:.3rem 0;background:var(--bg3);width:100%;border-radius:.75rem;transition:.2s;border:none;font-size:1rem;margin:1.5rem 0;border:1px solid var(--primary-border)}.create-chat:hover{background:var(--bg4);border:1px solid var(--primary-border)}.create-chat-active{margin:.3rem 0;width:100%;border-radius:.75rem;transition:.2s;border:none;font-size:1rem;margin:1.5rem 0;background:var(--bg3);box-shadow:#00a0ff 0 0 1rem;border:1px solid var(--primary-border)}.create-chat-active:hover{background:var(--bg4);border:1px solid var(--primary-border)}.sidebar hr{display:flex;width:80%;margin-bottom:2rem;border:1px solid var(--border)}.chat-item{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:.3rem 0;background:var(--bg3);width:100%;border-radius:.75rem;transition:.2s;border:1px solid var(--primary-border);padding:0 .5rem}.chat-item:hover{background:var(--bg4)}.chat-item-active{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;margin:.75rem 0;background:var(--bg3);width:100%;border-radius:.75rem;transition:.2s;box-shadow:#00a0ff 0 0 1rem;padding:0 .5rem;border:1px solid var(--primary-border)}.chat-item-active:hover{background:var(--bg4);border:1px solid var(--primary-border)}.chat-label{font-size:1rem;height:auto;width:100%;margin:0;padding:.75rem .5rem;border-radius:.75rem;border:none;text-align:left;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.chat-label:hover{background:transparent;padding:.75rem .5rem;margin:0;border-radius:.75rem;height:auto;box-shadow:none;font-size:1rem;animation:none;border:none;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.delete-button{width:2rem;height:100%;flex-shrink:0;margin:0;padding:0;border-radius:.75rem;background-image:url(/assets/trash-BiHpHnze.svg);background-size:2rem;background-position:center;background-repeat:no-repeat;border:none;opacity:.5}.delete-button:hover{background-image:url(/assets/trash-BiHpHnze.svg);background-size:2.2rem;background-position:center;background-repeat:no-repeat;animation:none;box-shadow:none;border:none;opacity:1}.fun-mode-switch{display:flex;align-items:center;margin-top:1rem}.fun-mode-switch p{font-size:1rem;color:#ffffffc0;margin:0 1rem}.fun-mode-switch input{display:none}.fun-mode-switch label{position:relative;display:inline-block;width:3rem;height:1.5rem;background-color:#00ffa0a0;border-radius:.75rem;cursor:pointer;transition:background-color .2s}.fun-mode-switch label:before{content:"";position:absolute;top:.25rem;left:.25rem;width:1rem;height:1rem;background-color:#fff;border-radius:50%;transition:transform .2s}.fun-mode-switch input:checked+label{background-color:#ff00ffa0}.fun-mode-switch input:checked+label:before{transform:translate(1.5rem)}.sidebar-toggle,.sidebar-toggle:active{position:absolute;top:.5rem;right:-2rem;border:none;border-radius:.5rem;padding:0;margin:0;cursor:pointer;transform:rotate(180deg) translate(-50%);transition:right .3s;height:3rem;width:3rem;box-sizing:border-box;box-shadow:none;font-size:2rem;transition:background-color .2s,transform ease-in-out .3s}.sidebar .sidebar-toggle:hover{border:none;background:var(--bg4)}.sidebar.collapsed .sidebar-toggle{transform:translate(50%) rotate(0)}.contact{display:flex;flex-direction:column;justify-content:center;justify-self:center;text-align:left;margin-top:10rem;max-width:min(90%,50rem);background:var(--bg3);padding:5rem;border-radius:5rem;box-sizing:border-box}.contact h1{font-size:2.5rem;margin-bottom:2rem;line-height:3.5rem;font-weight:var(--normal)}.contact a{font-size:inherit;font-weight:var(--extra-bold)}.about-page{display:flex;flex-direction:column;width:100%;color:var(--text);background:var(--bg1);overflow-x:hidden;position:relative}.about-page section{width:100%;min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:4rem 2rem;box-sizing:border-box}.section-title{font-size:3rem;font-weight:700;margin-bottom:2rem;text-align:center;background:var(--linear-gradient-2);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--linear-gradient-2);border-radius:2px}.content-container{width:100%;max-width:1200px;display:flex;justify-content:space-between;align-items:center;margin:0 auto}.content-grid{width:100%;max-width:1200px;display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin:0 auto}.text-content{text-align:left}.visual-content{display:flex;justify-content:center;align-items:center}.highlight{color:var(--primary);font-weight:600;transition:color .3s ease}.highlight:hover{color:var(--secondary)}.section-nav{position:fixed;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:100}.nav-dot{width:12px;height:12px;border-radius:50%;background-color:var(--text);opacity:.3;cursor:pointer;transition:all .3s ease;position:relative}.nav-dot:before{content:attr(data-section);position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--text);font-size:.8rem;opacity:0;transition:opacity .3s ease;text-transform:capitalize}.nav-dot:hover{opacity:.7}.nav-dot:hover:before{opacity:1}.nav-dot.active{opacity:1;background:var(--linear-gradient-2);transform:scale(1.5)}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.parallax{position:absolute;width:100%;height:100%;opacity:.1}.parallax:nth-child(1){background:radial-gradient(circle at 30% 30%,var(--primary),transparent 60%)}.parallax:nth-child(2){background:radial-gradient(circle at 70% 70%,var(--secondary),transparent 60%)}.header-section{justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,var(--bg1),var(--bg3));position:relative;overflow:hidden}.header-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,var(--primary-dark),transparent 40%),radial-gradient(circle at 80% 80%,var(--secondary-dark),transparent 40%);opacity:.1;z-index:0}.header-section .content-container{flex-direction:column;z-index:1}.logo-container{margin-bottom:2rem}.header-section .logo{width:250px;height:250px;background-image:url(../sensei-logo.svg);background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 auto}.logo.pulse{animation:logo-pulse 5s infinite}.header-section h1{font-size:5rem;font-weight:800;margin:1rem 0;position:relative}.glitch-text{position:relative;color:var(--text)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:2px;text-shadow:-2px 0 var(--primary);clip:rect(44px,450px,56px,0);animation:glitch-anim-1 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 var(--secondary);clip:rect(44px,450px,56px,0);animation:glitch-anim-2 5s infinite linear alternate-reverse}.subtitle{font-size:1.5rem;font-weight:400;margin-top:.5rem;color:var(--text);opacity:.8}@keyframes logo-pulse{0%{background-size:100% 100%;filter:drop-shadow(0 0 0 var(--primary))}50%{background-size:105% 105%;filter:drop-shadow(0 0 20px var(--primary))}to{background-size:100% 100%;filter:drop-shadow(0 0 0 var(--primary))}}@keyframes bounce{0%,20%,50%,80%,to{transform:rotate(45deg) translateY(0)}40%{transform:rotate(45deg) translateY(10px)}60%{transform:rotate(45deg) translateY(5px)}}@keyframes glitch-anim-1{0%{clip:rect(30px,9999px,10px,0)}10%{clip:rect(44px,9999px,66px,0)}20%{clip:rect(55px,9999px,33px,0)}30%{clip:rect(22px,9999px,77px,0)}40%{clip:rect(76px,9999px,11px,0)}50%{clip:rect(61px,9999px,22px,0)}60%{clip:rect(33px,9999px,47px,0)}70%{clip:rect(27px,9999px,99px,0)}80%{clip:rect(82px,9999px,23px,0)}90%{clip:rect(19px,9999px,44px,0)}to{clip:rect(70px,9999px,55px,0)}}@keyframes glitch-anim-2{0%{clip:rect(65px,9999px,32px,0)}10%{clip:rect(27px,9999px,88px,0)}20%{clip:rect(54px,9999px,43px,0)}30%{clip:rect(12px,9999px,55px,0)}40%{clip:rect(66px,9999px,27px,0)}50%{clip:rect(32px,9999px,79px,0)}60%{clip:rect(47px,9999px,96px,0)}70%{clip:rect(83px,9999px,11px,0)}80%{clip:rect(26px,9999px,67px,0)}90%{clip:rect(89px,9999px,14px,0)}to{clip:rect(82px,9999px,37px,0)}}.animate-on-scroll{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.animate{opacity:1;transform:translateY(0)}.story-section{background-color:var(--bg1);position:relative;overflow:hidden}.story-section .content-grid{grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.story-section .text-content{order:1}.story-section .visual-content{order:2;position:relative}.story-timeline{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.story-timeline *{box-shadow:none}.timeline-item{position:relative;margin-bottom:2rem;padding-left:2rem;border-left:2px solid var(--primary);transition:transform .3s ease,box-shadow .3s ease;background:#ffffff0d;border-radius:8px;padding:1.5rem 1.5rem 1.5rem 2.5rem}.timeline-item:hover{transform:translate(5px);box-shadow:0 5px 15px #0003}.timeline-item:before{content:"";position:absolute;left:-10px;top:1.5rem;width:20px;height:20px;border-radius:50%;background:var(--linear-gradient-2);box-shadow:0 0 10px var(--primary)}.timeline-item h3{margin-bottom:.5rem;font-size:1.3rem;color:var(--primary);font-weight:600}.timeline-item p{margin:0;line-height:1.6;color:var(--text);opacity:.9}.what-we-do-section{background-color:var(--bg2);position:relative}.what-we-do-section .parallax-bg .parallax:nth-child(1){background:radial-gradient(circle at 70% 30%,var(--secondary),transparent 60%)}.what-we-do-section .content-container{flex-direction:column}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;margin-top:3rem}.service-card{background:#ffffff0d;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));opacity:0;transition:opacity .3s ease;z-index:-1}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003;border-color:var(--primary)}.service-card:hover:before{opacity:.1}.service-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--linear-gradient-2);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text);position:relative;display:inline-block}.service-card h3:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--linear-gradient-2);transition:width .3s ease}.service-card:hover h3:after{width:100%}.service-card p{color:var(--text);opacity:.8;line-height:1.6}.mission-section{background-color:var(--bg3);position:relative}.mission-section .content-container{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;width:100%}.mission-row{display:flex;flex-direction:row;margin-bottom:2rem;background:#ffffff08;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.05);transition:all .3s ease;width:100%;margin:0}.mission-row:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0003;border:1px solid rgba(255,255,255,.1)}.mission-left{width:25%;min-width:200px;max-width:200px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#00a0ff1a,#00ffa01a);border-right:1px solid rgba(255,255,255,.05)}.mission-left .mission-icon{width:60px;height:60px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.mission-left .mission-icon img{width:100%;height:100%;object-fit:contain}.mission-left h3{font-size:1.8rem;margin:0;color:var(--primary);font-weight:700;letter-spacing:1px;text-align:center;display:block;width:100%}.mission-right{width:75%;padding:2rem;display:flex;align-items:center}.mission-right p{font-size:1.1rem;line-height:1.6;margin:0;color:var(--text)}.values-list{width:100%;display:flex}.values-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;width:100%}.values-list li{position:relative;padding:.75rem .75rem .75rem 1.25rem;margin-bottom:.5rem;display:flex;flex-direction:column;background:#ffffff08;border-radius:8px;transition:all .3s ease;border-left:3px solid transparent;background-image:linear-gradient(to right,rgba(0,160,255,.05),transparent)}.values-list li:hover{transform:translate(5px);background-image:linear-gradient(to right,rgba(0,160,255,.1),transparent);border-left:3px solid var(--primary);box-shadow:0 5px 15px #0000001a}.value-title{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:var(--primary);display:flex;align-items:center}.value-title:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;margin-left:-10px;border-radius:50%;background:var(--linear-gradient-2)}.value-description{font-size:.95rem;opacity:.9;line-height:1.5}@media (max-width: 992px){.mission-row{flex-direction:column}.mission-left,.mission-right{width:100%;max-width:100%}.mission-left{padding:1.5rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.05)}.values-list ul{grid-template-columns:1fr;gap:1rem}}@media (max-width: 768px){.mission-section .content-container{padding:0 1rem}.mission-row{margin-bottom:1.5rem}.mission-left,.mission-right{padding:1.25rem}.mission-left .mission-icon{width:50px;height:50px}.mission-left h3{font-size:1.5rem}.mission-right p,.value-title{font-size:1rem}.value-description{font-size:.9rem}}.impact-section{background-color:var(--bg2);position:relative;overflow:hidden}.impact-section .content-container{flex-direction:column}.impact-section .parallax-bg .parallax:nth-child(1){background:radial-gradient(circle at 20% 80%,var(--primary),transparent 60%)}.stats-container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;margin-top:3rem}.stat-card{background:#ffffff0d;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.stat-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0003;border-color:var(--primary)}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:var(--linear-gradient-2);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-label{font-size:1.2rem;color:var(--text);opacity:.9}.testimonials{margin-top:4rem;width:100%;position:relative}.testimonial-slider{display:flex;overflow-x:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;width:100%;padding:2rem 0}.testimonial-card{flex:0 0 100%;scroll-snap-align:start;background:#ffffff0d;border-radius:15px;padding:2rem;margin-right:2rem;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.testimonial-card:last-child{margin-right:0}.testimonial-card:hover{transform:scale(1.02);box-shadow:0 15px 30px #0003}.testimonial-content{font-style:italic;line-height:1.6;margin-bottom:1.5rem;position:relative}.testimonial-content:before{content:'"';position:absolute;top:-20px;left:-10px;font-size:4rem;color:var(--primary);opacity:.3}.testimonial-author{display:flex;align-items:center}.author-avatar{width:50px;height:50px;border-radius:50%;background-color:var(--bg4);margin-right:1rem;overflow:hidden;border:2px solid var(--primary)}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text)}.author-role{font-size:.9rem;color:var(--text);opacity:.7}.slider-nav{display:flex;justify-content:center;margin-top:2rem;gap:.5rem}.slider-dot{width:10px;height:10px;border-radius:50%;background-color:var(--text);opacity:.3;cursor:pointer;transition:all .3s ease}.slider-dot.active{opacity:1;background:var(--linear-gradient-2);transform:scale(1.3)}.developer-section{background-color:var(--bg1);position:relative;overflow:hidden}.developer-section .content-container{flex-direction:column}.developer-showcase{display:flex;flex-direction:row;align-items:center;gap:4rem;width:100%;margin-top:3rem;position:relative}.developer-image-container{flex:0 0 40%;position:relative;max-width:500px}.developer-image{width:100%;aspect-ratio:1/1;border-radius:15px;overflow:hidden;position:relative;z-index:2;box-shadow:0 15px 35px #00000040;border:3px solid rgba(255,255,255,.1);transform:perspective(1000px) rotateY(-5deg);transition:all .5s ease}.developer-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:brightness(.95) contrast(1.1)}.developer-shape{position:absolute;width:100%;height:100%;top:20px;left:20px;background:linear-gradient(135deg,var(--primary-dark),var(--secondary-dark));border-radius:15px;z-index:1;opacity:.5;transform:perspective(1000px) rotateY(-5deg);transition:all .5s ease}.developer-glow{position:absolute;width:150%;height:150%;top:-25%;left:-25%;background:radial-gradient(circle,rgba(var(--primary-rgb),.2),transparent 70%);z-index:0;opacity:.6;animation:pulse 5s infinite alternate}.developer-info{flex:1;display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.developer-name-container{position:relative;margin-bottom:.5rem}.developer-name{font-size:2.5rem;font-weight:700;margin:0;background:var(--linear-gradient-2);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block}.developer-name:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--linear-gradient-2);border-radius:2px}.developer-title{font-size:1.2rem;color:var(--text);opacity:.8;margin-top:1.5rem;font-weight:500}.developer-bio{font-size:1.1rem;line-height:1.7;color:var(--text);opacity:.9;max-width:600px}.developer-bio p{margin-bottom:1rem}.developer-showcase:hover .developer-image{transform:perspective(1000px) rotateY(0)}.developer-showcase:hover .developer-shape{transform:perspective(1000px) rotateY(0) translate(10px)}.developer-showcase:hover .developer-image img{transform:scale(1.05)}@keyframes pulse{0%{opacity:.4;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}@media (max-width: 1100px){.developer-showcase{gap:3rem}.developer-image-container{flex:0 0 45%}.developer-name{font-size:2.2rem}.developer-bio{font-size:1rem}}@media (max-width: 900px){.developer-showcase{flex-direction:column;align-items:center;text-align:center;gap:3rem}.developer-image-container{flex:0 0 auto;width:80%;max-width:400px}.developer-info{align-items:center}.developer-name:after{left:50%;transform:translate(-50%)}.developer-bio{text-align:center}}@media (max-width: 600px){.developer-image-container{width:90%}.developer-name{font-size:2rem}.developer-title{font-size:1.1rem}.developer-bio{font-size:.95rem}.skill-tag{padding:.4rem .8rem;font-size:.85rem}.social-link{width:40px;height:40px;font-size:1.1rem}}.cta-section{background:linear-gradient(135deg,var(--bg3),var(--bg4));position:relative;overflow:hidden;text-align:center}.cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,var(--primary),transparent 40%),radial-gradient(circle at 70% 70%,var(--secondary),transparent 40%);opacity:.1;z-index:0}.cta-section .content-container{flex-direction:column;z-index:1}.cta-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;background:var(--linear-gradient-2);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-description{font-size:1.2rem;max-width:700px;margin:0 auto 3rem;line-height:1.6;color:var(--text);opacity:.9}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-btn{padding:1rem 2.5rem;border-radius:50px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;z-index:1;cursor:pointer}.cta-btn.primary{background:var(--primary-dark);color:#fff;border:none}.cta-btn.secondary{background:transparent;color:var(--text);border:2px solid var(--primary)}.cta-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--linear-gradient-2);z-index:-1;transition:transform .5s ease;transform:scaleX(0);transform-origin:right}.cta-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.cta-btn.primary:hover:before{transform:scaleX(1);transform-origin:left}.cta-btn.secondary:hover{color:#fff;border-color:transparent}.cta-btn.secondary:before{transform:scaleX(0)}.cta-btn.secondary:hover:before{transform:scaleX(1)}@media (max-width: 1200px){.stats-container{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr;gap:2rem}.story-section .text-content,.story-section .visual-content{order:unset}}@media (max-width: 768px){.about-page h1{font-size:2.5rem}.section-title{font-size:2.2rem}.header-section h1{font-size:3rem}.services-grid,.mission-section .content-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;gap:1rem}.section-nav{display:none}}@media (max-width: 480px){.about-page section{padding:3rem 1rem}.stats-container,.team-grid{grid-template-columns:1fr}.cta-title{font-size:2.5rem}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.service-card:nth-child(1),.mission-card:nth-child(1){transition-delay:.1s}.service-card:nth-child(2),.mission-card:nth-child(2){transition-delay:.2s}.service-card:nth-child(3),.mission-card:nth-child(3){transition-delay:.3s}.courses-container{padding:2rem;max-width:1200px;margin:0 auto;min-height:calc(100vh - var(--header-height))}.courses-title{font-size:2.5rem;margin-bottom:2rem;background:var(--linear-gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left;width:fit-content}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;padding:1rem}.course-card{background:var(--bg3);border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:1px solid var(--border);height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--radial-gradient);opacity:0;transition:opacity .3s ease;z-index:0;background-size:200% 200%;background-position:center}.course-card:hover:before{opacity:.1;animation:pulse 2s infinite}.course-card>*{position:relative;z-index:1}.course-card h3{font-size:1.5rem;margin:0;color:var(--primary)}.course-card p{color:var(--text);opacity:.8;margin:1rem 0;font-size:1rem}.create-card{border:2px dashed var(--primary-border);display:flex;align-items:center;justify-content:center;text-align:center;background:transparent}.create-icon{font-size:3rem;color:var(--primary);margin-bottom:1rem}.course-progress{width:100%;height:4px;background:var(--bg4);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--linear-gradient-2);background-size:200% 200%;animation:gradientAnimation 2s linear infinite;transition:width .3s ease}.loading-container,.error-container{height:calc(100vh - var(--header-height) - 4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.error-message{color:var(--text);font-size:1.2rem;text-align:center;opacity:.8}@keyframes pulse{0%{background-size:100% 100%}50%{background-size:150% 150%}to{background-size:100% 100%}}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.courses-container{padding:1rem}.courses-grid{grid-template-columns:1fr;gap:1rem}.course-card{height:180px}}.course-creation-container{height:calc(100vh - var(--header-height));display:flex;flex-direction:column;background:var(--bg2);max-width:1200px;margin:0 auto;width:100%}.conversation-progress{padding:1.5rem 2rem 0;display:flex;flex-direction:column;gap:.5rem}.progress-stages{display:flex;justify-content:space-between;width:100%;position:relative}.progress-stage{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:20%;position:relative;z-index:2}.stage-dot{width:1rem;height:1rem;border-radius:50%;background:var(--bg4);border:2px solid var(--border);transition:all .3s ease}.progress-stage.active .stage-dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.3);transform:scale(1.2)}.progress-stage.completed .stage-dot{background:var(--primary);border-color:var(--primary)}.progress-stage span{font-size:.8rem;color:var(--text-secondary);transition:all .3s ease;white-space:nowrap}.progress-stage.active span{color:var(--primary);font-weight:600}.progress-stage.completed span{color:var(--text)}.progress-line{height:.25rem;background:var(--bg4);border-radius:1rem;margin:.5rem 0 1.5rem;position:relative;overflow:hidden}.progress-line-filled{position:absolute;height:100%;background:var(--linear-gradient-2);border-radius:1rem;transition:width .5s ease}.messages-container{flex:1 1 auto;overflow-y:auto;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem;max-width:100%}.message{max-width:70%;padding:1rem 1.25rem;border-radius:1rem;animation:messageAppear .3s ease-out;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px 2px #0000001a;position:relative;max-height:fit-content}.message p{font-size:1.2rem}.message-timestamp{position:absolute;bottom:.25rem;right:.75rem;font-size:.7rem;color:var(--text-secondary);opacity:.7}.user-message .message-timestamp{color:#ffffffb3}.user-message{align-self:flex-end;background:var(--primary-dark);color:#fff;border-bottom-right-radius:.25rem}.bot-message{align-self:flex-start;background:var(--bg3);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:.25rem}.message-content p{margin:0 0 .75rem}.generation-progress-container{width:100%;height:.75rem;background:var(--bg4);border-radius:1rem;margin:1rem 0;overflow:hidden}.generation-progress-bar{height:100%;background:var(--linear-gradient-2);border-radius:1rem;transition:width .3s ease}.generation-progress-text{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-top:.5rem}.error-actions{display:flex;justify-content:center;margin:.5rem 0}.retry-button{background:var(--bg4);color:var(--text);border:1px solid var(--border);border-radius:.5rem;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:var(--bg5);border-color:var(--primary)}.typing-indicator{display:flex;align-items:center;justify-content:flex-start;min-height:2rem}.typing-indicator span{height:.5rem;width:.5rem;background:var(--primary);border-radius:50%;display:inline-block;margin-right:.25rem;animation:bounce 1.3s linear infinite}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s;margin-right:0}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-.5rem)}}.input-container{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;background:var(--bg3);border:1px solid var(--border);max-width:100%;border-radius:1rem 1rem 0 0;bottom:0}.input-container textarea{flex-grow:1;background:transparent;border-radius:.5rem;border:none;padding:.875rem;color:var(--text);font-family:inherit;font-size:1rem;resize:none;transition:all .3s ease;height:50px;max-height:200px;overflow-y:auto;margin:0}.input-container textarea:focus{outline:none;box-shadow:none}.input-container textarea::placeholder{color:var(--text-secondary);opacity:.7}.input-container button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:2.5rem;background-position:center;background-repeat:no-repeat;height:2.5rem;width:2.5rem;margin:1rem 0;padding:0;animation:none;border-radius:1rem;flex-shrink:0;background-color:transparent;transition:.3s;margin:0 1rem 0 0;opacity:1}.input-container button:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-color:var(--secondary);animation:none;background-size:2.5rem}.input-container button:disabled{opacity:0;scale:0}@keyframes messageAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.message{max-width:85%}.progress-stage span{font-size:.7rem}.input-container{padding:1rem}.input-container button{min-width:80px;padding:.6rem 1rem}}@media (max-width: 480px){.message{max-width:95%}.progress-stages{display:none}.input-container{padding:.75rem}}.course-overview-container{height:calc(100vh - var(--header-height));display:grid;grid-template-columns:250px 1fr;background:var(--bg2)}.course-content{padding:3rem 4rem;overflow-y:auto;max-width:1200px;margin:0 auto}.course-title{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);text-align:left;line-height:1.2;background:var(--linear-gradient-2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.course-description{color:var(--text);opacity:.9;font-size:1rem;line-height:1.6;margin-bottom:2rem;text-align:left;max-width:800px}.course-progress-bar{height:6px;background:var(--bg4);border-radius:3px;margin:2rem 0;overflow:hidden;max-width:800px}.progress-fill{height:100%;background:var(--linear-gradient-2);transition:width .3s ease}.course-summary{background:var(--bg3);border-radius:.75rem;padding:2rem;margin:2rem 0;border:1px solid var(--border);max-width:800px}.course-summary h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text);text-align:left}.course-summary p{color:var(--text);opacity:.9;line-height:1.6;margin-bottom:1rem;text-align:left;font-size:1rem}.unit-list{margin-top:2rem}.course-loading,.course-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height));gap:1rem}.start-course-btn{display:inline-block;margin:2rem 0;padding:.875rem 1.75rem;background:var(--primary);color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.start-course-btn:hover{background:var(--secondary);color:#000;transform:translateY(-1px)}.course-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.delete-course-btn{padding:.75rem 1.5rem;background:var(--bg3);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s ease}.delete-course-btn:hover{background:var(--error);color:#fff;border-color:var(--error)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg2);padding:2rem;border-radius:.75rem;max-width:500px;width:90%;box-shadow:0 4px 6px #0000001a}.modal-content h2{margin:0 0 1rem;color:var(--text);font-size:1.5rem}.modal-content p{margin:0 0 1.5rem;color:var(--text);opacity:.9;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.modal-actions button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.modal-actions button:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text)}.cancel-btn:hover:not(:disabled){background:var(--bg4)}.delete-btn{background:var(--error);border:none;color:#fff}.delete-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}@media (max-width: 1024px){.course-content{padding:2rem}}@media (max-width: 768px){.course-overview-container{grid-template-columns:1fr}.course-content{padding:1.5rem}.course-title{font-size:1.75rem}.start-course-btn{width:100%;max-width:400px}}.course-sidebar{background:var(--bg3);border-right:1px solid var(--border);padding:1rem;overflow-y:auto;display:flex;flex-direction:column;width:250px}.sidebar-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.sidebar-header h3{color:var(--text);margin:0;text-align:center;font-size:1.2rem;justify-content:center}.sidebar-button{padding:.75rem 1rem;background:var(--bg4);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.875rem;cursor:pointer;transition:all .2s ease;text-align:center;width:100%;margin:0}.sidebar-button:hover{background:var(--primary-dark);color:#fff;border-color:var(--primary)}.sidebar-button.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}.sidebar-units{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:grid;grid-template-columns:2rem 1fr;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;color:var(--text);position:relative}.sidebar-item:hover{background:var(--bg4)}.sidebar-item.active{background:var(--primary-dark);color:#fff}.sidebar-item.completed{color:var(--text);opacity:.8}.unit-number{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg4);font-size:.8rem;flex-shrink:0}.sidebar-item.active .unit-number{background:var(--primary);color:#fff}.sidebar-item.completed .unit-number{background:var(--secondary-dark);color:#fff}.unit-title{white-space:wrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unit-container{height:calc(100vh - var(--header-height));display:grid;grid-template-columns:250px 1fr;background:var(--bg2)}.unit-content{flex:1;padding:3rem 4rem;overflow-y:auto;transition:margin-right .3s ease}.unit-content.with-chat-open{margin-right:400px}.unit-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border);max-width:1000px;margin:0 auto}.unit-header h1{font-size:3rem;font-weight:600;margin-bottom:1.5rem;text-align:left;line-height:1.2;background:var(--linear-gradient-2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;width:fit-content}.unit-navigation{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.nav-button{padding:.75rem 1.25rem;background:var(--bg3);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:var(--text);font-size:1rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.nav-button:hover{background:var(--bg4);transform:translateY(-1px)}.complete-button{padding:.75rem 1.5rem;background:var(--primary);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:#fff;font-size:1rem;font-weight:500}.complete-button:hover:not(:disabled){background:var(--secondary);color:#000;transform:translateY(-1px)}.complete-button:disabled{background:var(--primary-dark);opacity:.7;cursor:not-allowed}.unit-body{color:var(--text);line-height:1.6;font-size:1rem;max-width:800px;margin:0 auto}.unit-body h1,.unit-body h2,.unit-body h3,.unit-body h4,.unit-body h5,.unit-body h6{margin:2rem 0 1rem;color:var(--text);font-weight:600;line-height:1.3;text-align:left}.unit-body h1{font-size:1.75rem}.unit-body h2{font-size:1.5rem}.unit-body h3{font-size:1.25rem}.unit-body h4{font-size:1.125rem}.unit-body h5,.unit-body h6{font-size:1rem}.unit-body p{margin-bottom:1.25rem;text-align:left;font-size:1rem}.unit-lesson code{background:var(--bg4);padding:.3rem;border-radius:.3rem;font-family:Fira Code,monospace;font-size:.9rem}.unit-body .custom-code-block{padding:0;margin:1rem 0;border-radius:.75rem;overflow-x:auto;width:100%;line-height:1.5;box-sizing:border-box;white-space:pre-wrap;border:1px solid var(--border)}.unit-body .custom-code-block code{padding:0;background:transparent}.unit-body pre{background:transparent;padding:0;border-radius:0;overflow-x:visible;margin:0;border:none}.unit-body pre>code{background:transparent;padding:0;display:block;line-height:1.5}.unit-body ul,.unit-body ol{margin:1.25rem 0 1.25rem 1.5rem;text-align:left}.unit-body li{margin-bottom:.5rem}.unit-body a{color:var(--primary);text-decoration:none;transition:all .2s ease}.unit-body a:hover{color:var(--secondary)}.unit-body blockquote{border-left:4px solid var(--primary);padding:.5rem 0 .5rem 1.25rem;margin:1.5rem 0;color:var(--text);opacity:.9;font-style:italic}.unit-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.unit-body th,.unit-body td{padding:.75rem;border:1px solid var(--border);text-align:left}.unit-body th{background:var(--bg3);font-weight:600}.unit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height));gap:1rem}.loading-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:1rem}.content-loading .loading-spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}.content-loading p{color:var(--text);opacity:.8;font-size:.9rem}.unit-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - var(--header-height));gap:1rem;text-align:center}.unit-error p{color:var(--text);font-size:1.1rem;margin-bottom:1rem}.unit-error button{padding:.75rem 1.5rem;background:var(--primary);border:none;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.unit-error button:hover{background:var(--secondary);transform:translateY(-1px)}.chatbot-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;padding:0;border-radius:50%;background:var(--primary);border:none;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100}.chatbot-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003;background:var(--secondary)}.chatbot-button svg{fill:#fff}.chatbot-panel{position:fixed;top:var(--header-height);right:0;bottom:0;width:400px;background:var(--bg2);box-shadow:-4px 0 12px #0000001a;display:flex;flex-direction:column;overflow:hidden;z-index:99;border-left:1px solid var(--border);transition:width .3s ease}.chatbot-resize-handle{position:absolute;top:0;left:0;width:5px;height:100%;cursor:ew-resize;background:transparent;z-index:100}.chatbot-resize-handle:hover,.chatbot-resize-handle.resizing{background:var(--primary-dark)}.chatbot-header{padding:0 15px;background:var(--bg4);color:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.chatbot-header h3{margin:0;font-size:1.1rem;font-weight:500}.close-button{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;width:24px;height:24px}.chatbot-messages{flex:1;padding:15px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.welcome-message{background:rgba(var(--primary-rgb),.1);padding:12px;border-radius:8px;margin-bottom:10px}.welcome-message p{margin:0;font-size:.9rem;color:var(--text)}.message{padding:10px 12px;border-radius:8px;word-break:break-word;font-size:.9rem;line-height:1.4}.user-message{background:var(--primary);color:#fff;align-self:flex-end;max-width:80%}.assistant-message{background:var(--bg3);color:var(--text);align-self:flex-start;max-width:100%}.assistant-message p{margin:0 0 .8rem;font-size:.9rem}.assistant-message p:last-child{margin-bottom:0}.assistant-message h1,.assistant-message h2,.assistant-message h3,.assistant-message h4,.assistant-message h5,.assistant-message h6{margin:1rem 0 .5rem;font-weight:600;line-height:1.3}.assistant-message h1{font-size:1.3rem}.assistant-message h2{font-size:1.2rem}.assistant-message h3{font-size:1.1rem}.assistant-message h4,.assistant-message h5,.assistant-message h6{font-size:1rem}.assistant-message ul,.assistant-message ol{margin:.5rem 0 .8rem 1.5rem;padding:0}.assistant-message li{margin-bottom:.3rem}.assistant-message code{background:var(--bg4);padding:.2rem .3rem;border-radius:.3rem;font-family:Fira Code,monospace;font-size:.85rem}.assistant-message pre{margin:.8rem 0;padding:0;overflow-x:auto;background:transparent}.assistant-message .custom-code-block{margin:0;padding:.8rem;border-radius:.5rem;font-size:.85rem;line-height:1.4;background:var(--bg4);border:1px solid var(--border)}.assistant-message a{color:var(--primary);text-decoration:none;transition:all .2s ease}.assistant-message a:hover{text-decoration:underline;color:var(--secondary)}.assistant-message blockquote{margin:.8rem 0;padding:.5rem 0 .5rem 1rem;border-left:3px solid var(--primary);color:var(--text);opacity:.9;font-style:italic}.assistant-message table{border-collapse:collapse;margin:.8rem 0;font-size:.85rem;width:100%}.assistant-message th,.assistant-message td{padding:.5rem;border:1px solid var(--border);text-align:left}.assistant-message th{background:var(--bg4);font-weight:600}.loading-dots{display:flex;gap:2px}.loading-dots span{animation:dotPulse 1.5s infinite;animation-fill-mode:both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:0}40%{opacity:1}}.chatbot-input{display:flex;gap:16px;justify-content:center;align-items:center;padding:10px 16px}.chatbot-input input{flex:1;padding:10px 12px;border-radius:6px;border:1px solid var(--border);background:var(--bg1);color:var(--text);font-size:.9rem;margin:0}.chatbot-input input:hover{background-color:var(--bg3)}.chatbot-input input:focus{outline:none;background-color:var(--bg3);border-color:var(--primary);box-shadow:0 0 5px #0ff}.chatbot-input button{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:2.5rem;background-position:center;background-repeat:no-repeat;height:2.5rem;width:2.5rem;margin:1rem 0;padding:0;animation:none;border-radius:1rem;flex-shrink:0;background-color:transparent;transition:.3s;margin:0;opacity:1}.chatbot-input button:hover{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='500'%20zoomAndPan='magnify'%20viewBox='0%200%20375%20374.999991'%20height='500'%20preserveAspectRatio='xMidYMid%20meet'%20version='1.0'%3e%3cdefs%3e%3cclipPath%20id='b8897c4289'%3e%3cpath%20d='M%20120%20103.019531%20L%20255%20103.019531%20L%20255%20290.519531%20L%20120%20290.519531%20Z%20M%20120%20103.019531%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='5969f14beb'%3e%3cpath%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3cclipPath%20id='de0b91daf3'%3e%3cpath%20d='M%20187.5%20178.402344%20L%20197.894531%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20187.5%20178.402344%20'%20clip-rule='nonzero'/%3e%3c/clipPath%3e%3c/defs%3e%3cg%20clip-path='url(%23b8897c4289)'%3e%3cpath%20fill='%23ffffff'%20d='M%20200.734375%20277.042969%20L%20200.734375%20156.605469%20C%20200.734375%20155.253906%20201.550781%20154.023438%20202.804688%20153.507812%20C%20204.058594%20152.988281%20205.5%20153.277344%20206.457031%20154.238281%20L%20231.480469%20179.257812%20C%20234.015625%20181.789062%20237.378906%20183.183594%20240.960938%20183.183594%20C%20244.539062%20183.183594%20247.90625%20181.789062%20250.441406%20179.257812%20C%20255.507812%20174.195312%20255.507812%20165.359375%20250.441406%20160.296875%20L%20196.808594%20106.664062%20C%20194.273438%20104.128906%20190.90625%20102.734375%20187.328125%20102.734375%20C%20183.746094%20102.734375%20180.378906%20104.128906%20177.84375%20106.664062%20L%20124.210938%20160.296875%20C%20119.144531%20165.359375%20119.144531%20174.195312%20124.210938%20179.257812%20C%20126.746094%20181.789062%20130.109375%20183.183594%20133.695312%20183.183594%20C%20137.277344%20183.183594%20140.644531%20181.789062%20143.175781%20179.257812%20L%20168.195312%20154.238281%20C%20169.15625%20153.277344%20170.597656%20152.988281%20171.851562%20153.507812%20C%20173.105469%20154.023438%20173.917969%20155.253906%20173.917969%20156.605469%20L%20173.917969%20277.042969%20C%20173.917969%20284.4375%20179.933594%20290.453125%20187.328125%20290.453125%20C%20194.722656%20290.453125%20200.734375%20284.4375%20200.734375%20277.042969%20Z%20M%20200.734375%20277.042969%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3cg%20clip-path='url(%235969f14beb)'%3e%3cg%20clip-path='url(%23de0b91daf3)'%3e%3cpath%20fill='%23ffffff'%20d='M%20177.105469%20178.402344%20L%20197.925781%20178.402344%20L%20197.925781%20196.597656%20L%20177.105469%20196.597656%20Z%20M%20177.105469%20178.402344%20'%20fill-opacity='1'%20fill-rule='nonzero'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-color:var(--secondary);animation:none;background-size:2.5rem}.chatbot-input button:disabled{opacity:0;scale:0}.explain-button{position:fixed;background-color:var(--primary);color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem;font-weight:500;cursor:pointer;box-shadow:0 3px 8px #0000004d;z-index:1000;transition:transform .1s ease-in-out,background-color .2s;pointer-events:auto;transform:translate(-50%,-100%)}.explain-button:hover{background-color:var(--primary-dark, #0056b3);transform:scale(1.05);transform:translate(-50%,-100%)}.explain-button:active{transform:scale(.95);transform:translate(-50%,-100%)}::selection{background-color:#007bff4d;color:var(--text)}@media (max-width: 1024px){.unit-content{padding:2rem}}@media (max-width: 768px){.unit-container{grid-template-columns:1fr}.course-sidebar{display:none}.unit-content{padding:1.5rem}.unit-navigation{flex-direction:column;gap:.75rem}.nav-button,.complete-button{width:100%;justify-content:center}.unit-header h1{font-size:1.75rem}}:root{--text: #ffffff;--border: #ffffff50;--primary-border: #00a0ff50;--light: 300;--normal: 400;--bold: 500;--extra-bold: 600;--bg1: rgb(0, 0, 10);--bg2: rgb(0, 10, 20);--bg3: rgb(0, 20, 40);--bg4: rgb(0, 30, 60);--bg5: rgb(0, 5, 15);--primary: #00a0ff;--secondary: #00ffa0;--primary-dark: #1a5f7a;--secondary-dark: #00ffa0a0;--error: #dc3545;--linear-gradient: linear-gradient(90deg, var(--primary), var(--secondary), var(--primary));--linear-gradient-2: linear-gradient(135deg, var(--primary), var(--secondary));--radial-gradient: radial-gradient(circle, var(--primary), var(--secondary), transparent, transparent);--radial-zoom: 500% 500%;--header-height: 3rem}body{margin:0;font-family:Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg2);text-align:left;color:#fff;font-size:16px}::-webkit-scrollbar{width:.5rem;height:.5rem;background:var(--bg1)}::-webkit-scrollbar-thumb{background-color:var(--primary-dark);cursor:default;border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary)}::-webkit-scrollbar-track{background:var(--bg1)}::selection{background:#00a0ffa0}@media (max-width: 768px){:root{--header-height: 4rem}html{font-size:12px}}.main-container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:var(--header-height);overflow:hidden;padding:0}.main-container>div{width:100vw}button{background-color:transparent;color:#fff;border:solid .1rem white;cursor:pointer;border-radius:1rem;transition:.5s;background-position:50% 50%;font-size:1.25rem;margin:1rem;padding:.75rem 3rem}button:hover{background:var(--radial-gradient);animation:radialGradientAnimation 1s ease-out;background-position:50% 50%;background-size:var(--radial-zoom);border-color:#0ff;background-repeat:no-repeat}button:active{transform:scale(.95);background:var(--radial-gradient);background-position:50% 50%;background-size:var(--radial-zoom);box-shadow:0 0 1rem #0ff}button:disabled{border-color:#ffffff50;cursor:default;animation:none;color:#ffffff50}button:disabled:hover{background:transparent;border-color:#ffffff50;color:#ffffff50;box-shadow:none;transform:none}.loading,.loading:hover,.loading:active{background:var(--linear-gradient);animation:linearGradientAnimation 1s infinite linear;background-size:300% 300%;border:none;cursor:default;box-shadow:none;transform:scale(.95)}@keyframes linearGradientAnimation{0%{background-position:0% 50%}to{background-position:-300% 50%}}@keyframes radialGradientAnimation{0%{background-size:0% 0%;background-position:50% 50%}to{background-size:var(--radial-zoom);background-position:50% 50%}}a{color:var(--primary);text-decoration:none;transition:.3s;font-weight:var(--normal);font-size:1rem}a:hover{color:var(--secondary)}a:active{transform:scale(.9)}.single-message{height:calc(100vh - var(--header-height));display:flex;justify-content:center;align-items:center;flex-direction:column}.single-message h1{font-size:5rem;line-height:1.5rem}.single-message h1 a{font-size:3rem}.single-message a,.single-message p{font-size:2rem}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{width:40rem;background:var(--bg3);padding:2rem;border-radius:2rem;border:1px solid white}input{width:80%;height:2rem;margin:1rem;padding:.5rem;background-color:transparent;border:2px solid #FFFFFFA0;border-radius:.75rem;font-size:1.2rem;color:#fff;transition:.3s;font-family:Ubuntu,sans-serif;font-weight:var(--light)}input::placeholder{color:#ffffff80}input:hover{background:var(--bg4);border-color:#fff}input:focus{border-color:#0ff;outline:none;background:var(--bg4);box-shadow:0 0 1rem #0ff}