@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.guideray-technical-words-container{margin:2rem 0;transition:all .4s cubic-bezier(.22,1,.36,1)}.guideray-technical-words-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom-width:1px;border-bottom-style:solid;position:relative}.guideray-technical-words-header:after{content:"";position:absolute;bottom:-1px;left:0;width:40px;height:2px;transition:width .4s ease}.guideray-technical-words-header:hover:after{width:80px}.guideray-technical-words-icon{font-size:1.35rem;transition:transform .3s ease}.guideray-technical-words-header:hover .guideray-technical-words-icon{transform:rotate(15deg)}.guideray-technical-words-title{font-size:1.25rem;font-weight:700;margin:0;letter-spacing:-.25px;transition:all .3s ease}.guideray-technical-words-list{display:flex;flex-direction:column;gap:.875rem;list-style:none;padding:0;margin:0}.guideray-technical-words-item{position:relative;padding:1.25rem 1.5rem 1.25rem 2.5rem;border-radius:.75rem;transition:all .4s cubic-bezier(.22,1,.36,1);border-left-width:4px;border-left-style:solid;overflow:hidden;cursor:default}.guideray-technical-words-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.guideray-technical-words-item:hover{transform:translate(6px)}.guideray-technical-words-item:hover:before{opacity:1}.guideray-technical-words-item:after{content:"";position:absolute;left:0;top:0;height:100%;width:4px;transition:all .4s ease}.guideray-technical-words-item:hover:after{height:100%}.guideray-technical-words-term{font-weight:700;margin-bottom:.5rem;font-size:.95rem;line-height:1.5;position:relative;z-index:1}.guideray-technical-words-meaning{margin:0;font-size:.875rem;line-height:1.7;opacity:.9;position:relative;z-index:1}.guideray-technical-words-item:before{content:"";position:absolute;left:1.25rem;top:1.75rem;width:8px;height:8px;border-radius:50%;transform:scale(1);transition:transform .3s ease}.guideray-technical-words-item:hover:before{transform:scale(1.3)}.guideray-technical-words-container.light{--primary-color: #2563eb;--secondary-color: #3b82f6;--background-color: #ffffff;--text-color: #334155;--border-color: #e2e8f0;--highlight-color: #f8fafc;--accent-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%)}.guideray-technical-words-header.light{border-bottom-color:#3b82f626}.guideray-technical-words-header.light:after{background:var(--accent-gradient)}.guideray-technical-words-icon.light,.guideray-technical-words-title.light{color:var(--primary-color)}.guideray-technical-words-item.light{background-color:var(--highlight-color);border-left-color:var(--secondary-color);box-shadow:0 2px 8px #1e40af0d}.guideray-technical-words-item.light:hover{box-shadow:0 6px 16px #1e40af1a}.guideray-technical-words-item.light:before{background-color:var(--secondary-color)}.guideray-technical-words-term.light{color:var(--primary-color)}.guideray-technical-words-meaning.light{color:var(--text-color)}.guideray-technical-words-container.dark{--primary-color: #60a5fa;--secondary-color: #3b82f6;--background-color: #1e293b;--text-color: #e2e8f0;--border-color: #334155;--highlight-color: rgba(30, 41, 59, .7);--accent-gradient: linear-gradient(135deg, #93c5fd 0%, #60a5fa 100%)}.guideray-technical-words-header.dark{border-bottom-color:#60a5fa26}.guideray-technical-words-header.dark:after{background:var(--accent-gradient)}.guideray-technical-words-icon.dark,.guideray-technical-words-title.dark{color:var(--primary-color)}.guideray-technical-words-item.dark{background-color:var(--highlight-color);border-left-color:var(--primary-color);box-shadow:0 2px 8px #00000026}.guideray-technical-words-item.dark:hover{box-shadow:0 6px 16px #00000040}.guideray-technical-words-item.dark:before{background-color:var(--primary-color)}.guideray-technical-words-term.dark{color:var(--primary-color)}.guideray-technical-words-meaning.dark{color:var(--text-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.guideray-technical-words-item{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--index) * .05s);opacity:0}.guideray-technical-words-header{animation:fadeInUp .4s ease-out forwards}@media (max-width: 640px){.guideray-technical-words-container{margin:1.75rem 0}.guideray-technical-words-header{margin-bottom:1.25rem;padding-bottom:.5rem}.guideray-technical-words-icon{font-size:1.2rem}.guideray-technical-words-title{font-size:1.15rem}.guideray-technical-words-item{padding:1rem 1.25rem 1rem 2rem;border-radius:.65rem}.guideray-technical-words-term{font-size:.925rem}.guideray-technical-words-meaning{font-size:.85rem}.guideray-technical-words-item:active{transform:translate(4px) scale(.99);transition:transform .2s ease}.guideray-technical-words-header:active .guideray-technical-words-icon{transform:rotate(10deg) scale(.95)}.guideray-technical-words-item{animation-duration:.4s;animation-delay:calc(var(--index) * .03s)}.guideray-technical-words-item{-webkit-tap-highlight-color:transparent}}@media (max-width: 640px){.guideray-technical-words-container{perspective:1000px}.guideray-technical-words-item{transform-style:preserve-3d}.guideray-technical-words-item:hover{transform:translate(6px) rotateY(5deg)}.guideray-technical-words-header:after{width:30px}.guideray-technical-words-header:hover:after{width:60px}}.guideray-concept-overview-container{width:100%;max-width:1200px;margin:0 auto;transition:all .3s ease}.guideray-concept-overview-container.light{background-color:#fff;color:#2d3748}.guideray-concept-overview-container.dark{background-color:#1a202c;color:#e2e8f0}.guideray-concept-overview-header{padding:1.5rem 1rem;position:relative}.guideray-concept-overview-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:.5rem;transition:color .3s ease}.guideray-concept-overview-title.light{color:#2d3748}.guideray-concept-overview-title.dark{color:#f7fafc}.guideray-concept-overview-divider{height:4px;width:60px;border-radius:2px;margin:1rem 0;transition:all .3s ease}.guideray-concept-overview-divider.light{background:linear-gradient(90deg,#4299e1,#68d391)}.guideray-concept-overview-divider.dark{background:linear-gradient(90deg,#63b3ed,#68d391)}.guideray-concept-overview-body{padding:0 1rem 1.5rem}.guideray-concept-overview-description{font-size:1.1rem;line-height:1.7;margin-bottom:2rem;transition:color .3s ease}.guideray-concept-overview-description.light{color:#4a5568}.guideray-concept-overview-description.dark{color:#cbd5e0}.guideray-naming-rules-container{margin:2rem 0;padding:1.5rem;border-radius:16px;transition:all .3s ease;box-shadow:0 4px 20px #0000000d}.guideray-naming-rules-container.light{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px #0000000d}.guideray-naming-rules-container.dark{background:#2d3748;border:1px solid #4a5568;box-shadow:0 4px 20px #0000001a}.guideray-naming-rules-title{display:flex;align-items:center;font-size:1.5rem;margin-bottom:1.5rem;font-weight:600;transition:color .3s ease}.guideray-naming-rules-title.light{color:#2d3748}.guideray-naming-rules-title.dark{color:#f7fafc}.guideray-naming-rules-icon{margin-right:1rem;font-size:1.6rem;color:#4299e1}.guideray-naming-rules-description{font-size:1.05rem;line-height:1.7;margin-bottom:1.8rem;transition:color .3s ease}.guideray-naming-rules-description.light{color:#4a5568}.guideray-naming-rules-description.dark{color:#cbd5e0}.guideray-naming-rules-grid{display:grid;gap:2.5rem}.guideray-naming-rules-subtitle{font-size:1.25rem;margin-bottom:1.25rem;font-weight:600;position:relative;padding-bottom:.5rem;transition:color .3s ease}.guideray-naming-rules-subtitle:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;border-radius:3px;transition:all .3s ease}.guideray-naming-rules-subtitle.light{color:#2d3748}.guideray-naming-rules-subtitle.light:after{background:#4299e1}.guideray-naming-rules-subtitle.dark{color:#e2e8f0}.guideray-naming-rules-subtitle.dark:after{background:#63b3ed}.guideray-naming-rules-list{list-style:none;padding:0;margin:0}.guideray-naming-rules-item{display:flex;align-items:flex-start;margin-bottom:1rem;font-size:1rem;line-height:1.6;transition:color .3s ease}.guideray-naming-rules-item.light{color:#4a5568}.guideray-naming-rules-item.dark{color:#cbd5e0}.guideray-naming-rules-check{margin-right:.75rem;margin-top:.25rem;flex-shrink:0;color:#48bb78;font-size:1.1rem}.guideray-naming-rules-examples{display:flex;flex-direction:column;gap:2rem}.guideray-naming-rules-example-title{font-size:1.15rem;margin-bottom:1rem;font-weight:500;transition:color .3s ease}.guideray-naming-rules-example-title.light{color:#2d3748}.guideray-naming-rules-example-title.dark{color:#e2e8f0}.guideray-naming-rules-valid-list,.guideray-naming-rules-invalid-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.guideray-naming-rules-valid-item,.guideray-naming-rules-invalid-item{display:flex;align-items:center;padding:.75rem;border-radius:8px;transition:all .3s ease}.guideray-naming-rules-valid-item{background-color:#48bb781a}.guideray-naming-rules-invalid-item{background-color:#f565651a}.guideray-naming-rules-valid-icon{margin-right:.75rem;color:#48bb78;font-size:1.1rem;flex-shrink:0}.guideray-naming-rules-invalid-icon{margin-right:.75rem;color:#f56565;font-size:1.1rem;flex-shrink:0}.guideray-naming-rules-valid-item code,.guideray-naming-rules-invalid-item code{padding:.25rem .5rem;border-radius:6px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.95rem}.guideray-naming-rules-valid-item.light code{background:#48bb7826;color:#2f855a}.guideray-naming-rules-valid-item.dark code{background:#48bb7833;color:#9ae6b4}.guideray-naming-rules-invalid-item.light code{background:#f5656526;color:#c53030}.guideray-naming-rules-invalid-item.dark code{background:#f5656533;color:#feb2b2}.guideray-concept-overview-technical-container{margin-top:2rem;padding:1.5rem 1rem;border-radius:12px;transition:all .3s ease}.guideray-concept-overview-technical-container.light{background:#f5f7ff99;border:1px solid rgba(224,229,242,.8)}.guideray-concept-overview-technical-container.dark{background:#1a203399;border:1px solid rgba(67,97,238,.2)}@media (max-width: 768px){.guideray-concept-overview-header{padding:1rem .5rem}.guideray-concept-overview-title{font-size:1.8rem;line-height:1.3}.guideray-concept-overview-description{font-size:1rem;line-height:1.6}.guideray-naming-rules-container{padding:1.25rem;margin:1.5rem 0;border-radius:12px}.guideray-naming-rules-title{font-size:1.3rem;margin-bottom:1.25rem}.guideray-naming-rules-icon{font-size:1.4rem}.guideray-naming-rules-description{font-size:.95rem;margin-bottom:1.5rem}.guideray-naming-rules-grid{grid-template-columns:1fr;gap:2rem}.guideray-naming-rules-subtitle{font-size:1.15rem}.guideray-naming-rules-item{font-size:.95rem;margin-bottom:.85rem}.guideray-naming-rules-examples{gap:1.5rem}.guideray-naming-rules-example-title{font-size:1.1rem}.guideray-naming-rules-valid-item,.guideray-naming-rules-invalid-item{padding:.6rem}.guideray-naming-rules-valid-item code,.guideray-naming-rules-invalid-item code{font-size:.9rem;padding:.2rem .4rem}.guideray-concept-overview-technical-container{padding:1.25rem .75rem;margin-top:1.5rem}}@media (max-width: 480px){.guideray-concept-overview-title{font-size:1.6rem}.guideray-naming-rules-container{padding:1rem;border-radius:10px}.guideray-naming-rules-title{font-size:1.2rem}.guideray-naming-rules-description{font-size:.9rem}.guideray-naming-rules-subtitle{font-size:1.1rem}.guideray-naming-rules-item{font-size:.9rem}.guideray-naming-rules-valid-item code,.guideray-naming-rules-invalid-item code{font-size:.85rem}.guideray-naming-rules-check,.guideray-naming-rules-valid-icon,.guideray-naming-rules-invalid-icon{font-size:1rem}}.guideray-introduction-container{border-radius:24px;padding:3rem;margin:2rem auto;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1200px;transform-style:preserve-3d;perspective:1000px}.guideray-introduction-container:before,.guideray-introduction-container:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.2;z-index:-1;transition:all .8s ease}.guideray-introduction-container:before{width:200px;height:200px;top:-50px;right:-50px}.guideray-introduction-container:after{width:300px;height:300px;bottom:-100px;left:-100px}.guideray-introduction-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;position:relative;z-index:2}.guideray-introduction-icon{font-size:2.25rem;flex-shrink:0;transition:all .4s ease;transform-origin:center;padding:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.guideray-introduction-title{font-size:2.25rem;margin:0;font-weight:800;line-height:1.25;position:relative;padding-bottom:1rem;letter-spacing:-.02em;transition:all .3s ease}.guideray-introduction-title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:5px;border-radius:3px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);transform-origin:left}.guideray-introduction-header:hover .guideray-introduction-title:after{transform:scaleX(1.5)}.guideray-introduction-description{font-size:1.25rem;line-height:1.9;margin:0;padding-left:2rem;border-left:4px solid;transition:all .5s ease;position:relative;font-weight:400;letter-spacing:.01em}.guideray-introduction-description:before{content:"";position:absolute;left:-4px;top:0;height:100%;width:4px;background:currentColor;opacity:0;transition:all .6s ease}.guideray-introduction-description:hover:before{opacity:.1;transform:scaleY(1.1)}.guideray-introduction-technical-container{margin-top:3rem;padding-top:2.5rem;border-top:2px dashed;transition:all .5s ease;position:relative}.guideray-introduction-technical-container:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:0;transition:opacity .6s ease}.guideray-introduction-technical-container:hover:before{opacity:.3}.guideray-introduction-container.light{background:linear-gradient(145deg,#ffffffeb,#f8f9fff2);box-shadow:0 25px 50px -12px #00000014,0 10px 20px -5px #00000008;border:1px solid rgba(224,229,242,.6)}.guideray-introduction-container.light:before{background:#3b82f6}.guideray-introduction-container.light:after{background:#1e40af}.guideray-introduction-icon.light{color:#3b82f6;background:#3b82f61a;box-shadow:0 4px 20px #3b82f61a}.guideray-introduction-header:hover .guideray-introduction-icon.light{transform:rotate(15deg) scale(1.1);box-shadow:0 6px 24px #3b82f633}.guideray-introduction-title.light{color:#1e40af;text-shadow:0 2px 4px rgba(0,0,0,.03)}.guideray-introduction-title.light:after{background:linear-gradient(90deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f64d}.guideray-introduction-description.light{color:#4b5563;border-left-color:#3b82f64d}.guideray-introduction-technical-container.light{border-top-color:#3b82f633}.guideray-introduction-container.dark{background:linear-gradient(145deg,#1a1a2eeb,#16213ef2);box-shadow:0 25px 50px -12px #00000040,0 10px 20px -5px #0000001a;border:1px solid rgba(59,130,246,.2)}.guideray-introduction-container.dark:before{background:#3b82f6}.guideray-introduction-container.dark:after{background:#1e40af}.guideray-introduction-icon.dark{color:#60a5fa;background:#60a5fa1a;box-shadow:0 4px 20px #60a5fa1a}.guideray-introduction-header:hover .guideray-introduction-icon.dark{transform:rotate(15deg) scale(1.1);box-shadow:0 6px 24px #60a5fa33}.guideray-introduction-title.dark{color:#93c5fd;text-shadow:0 2px 8px rgba(0,0,0,.3)}.guideray-introduction-title.dark:after{background:linear-gradient(90deg,#60a5fa,#3b82f6);box-shadow:0 4px 16px #60a5fa66}.guideray-introduction-description.dark{color:#cbd5e1e6;border-left-color:#60a5fa66}.guideray-introduction-technical-container.dark{border-top-color:#60a5fa66}@media (max-width: 1024px){.guideray-introduction-container{padding:2.5rem;border-radius:22px}.guideray-introduction-title{font-size:2rem}.guideray-introduction-description{font-size:1.15rem}}@media (max-width: 768px){.guideray-introduction-container{padding:2rem 1.75rem;border-radius:20px;margin:1.5rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guideray-introduction-header{gap:1.25rem;margin-bottom:1.75rem}.guideray-introduction-icon{font-size:1.75rem;padding:.6rem}.guideray-introduction-title{font-size:1.75rem;padding-bottom:.75rem}.guideray-introduction-title:after{width:60px;height:4px}.guideray-introduction-description{font-size:1.1rem;padding-left:1.5rem;border-left-width:3px}.guideray-introduction-technical-container{margin-top:2.5rem;padding-top:2rem}}@media (max-width: 480px){.guideray-introduction-container{padding:1.75rem 1.5rem;border-radius:18px;margin:1.25rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideray-introduction-header{flex-direction:column;align-items:flex-start;gap:1rem}.guideray-introduction-icon{font-size:1.5rem;padding:.5rem;margin-bottom:.5rem}.guideray-introduction-title{font-size:1.5rem;padding-bottom:.5rem}.guideray-introduction-title:after{width:50px;height:3px}.guideray-introduction-description{font-size:1rem;line-height:1.8;padding-left:1.25rem;border-left-width:2px}.guideray-introduction-technical-container{margin-top:2rem;padding-top:1.75rem}.guideray-introduction-container:before{width:150px;height:150px;top:-30px;right:-30px;filter:blur(40px)}.guideray-introduction-container:after{width:200px;height:200px;bottom:-70px;left:-70px;filter:blur(40px)}}.guideray-introduction-container{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@media (hover: hover){.guideray-introduction-container{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1)}.guideray-introduction-container:hover{transform:translateY(-8px) scale(1.01)}.guideray-introduction-icon{transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),box-shadow .4s ease}}.guideray-usecases-container{border-radius:18px;padding:2rem;margin-bottom:2.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform-style:preserve-3d;perspective:1000px}.guideray-usecases-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease;z-index:0}.guideray-usecases-container:hover{transform:translateY(-4px) rotateX(1deg) rotateY(1deg)}.guideray-usecases-container:hover:before{opacity:1}.guideray-usecases-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;position:relative;z-index:1}.guideray-usecases-icon{font-size:2rem;flex-shrink:0;transition:transform .3s ease}.guideray-usecases-container:hover .guideray-usecases-icon{transform:rotate(15deg) scale(1.1)}.guideray-usecases-title{font-size:1.7rem;margin:0;font-weight:800;line-height:1.3;letter-spacing:-.5px;position:relative;padding-bottom:.75rem;transition:all .3s ease}.guideray-usecases-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;border-radius:2px;transition:all .4s ease;transform-origin:left center}.guideray-usecases-container:hover .guideray-usecases-title:after{width:80px}.guideray-usecases-description{font-size:1.1rem;line-height:1.8;margin:0 0 2rem;padding-left:1.5rem;border-left:3px solid;transition:all .3s ease;position:relative;z-index:1}.guideray-usecases-list{list-style:none;padding:0;margin:0 0 2rem;display:flex;flex-direction:column;gap:1rem}.guideray-usecases-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;border-radius:12px;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform-style:preserve-3d}.guideray-usecases-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease}.guideray-usecases-item:hover{transform:translate(8px)}.guideray-usecases-item:hover:before{opacity:1}.guideray-usecases-bullet{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:.25rem;position:relative;transition:all .3s ease;transform-style:preserve-3d}.guideray-usecases-bullet:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;transition:all .3s ease}.guideray-usecases-item:hover .guideray-usecases-bullet{transform:scale(1.2)}.guideray-usecases-text{font-size:1rem;line-height:1.7;transition:all .3s ease;position:relative;z-index:1}.guideray-usecases-technical-container{margin-top:2rem;padding-top:2rem;border-top:1px dashed;transition:all .3s ease;position:relative;z-index:1}.guideray-usecases-container.light{background:linear-gradient(145deg,#fff,#f8f9ff);box-shadow:0 12px 40px -10px #00000014,0 6px 12px -4px #00000008;border:1px solid rgba(224,229,242,.8)}.guideray-usecases-container.light:hover{box-shadow:0 20px 50px -10px #0000001f,0 8px 16px -4px #0000000d;border-color:#8b5cf666}.guideray-usecases-icon.light{color:#8b5cf6}.guideray-usecases-title.light{color:#6d28d9}.guideray-usecases-title.light:after{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.guideray-usecases-description.light{color:#4b5563;border-left-color:#8b5cf666}.guideray-usecases-item.light{background-color:#ede9fe99;box-shadow:0 2px 6px #8b5cf61a}.guideray-usecases-item.light:hover{background-color:#ede9fecc;box-shadow:0 4px 12px #8b5cf626}.guideray-usecases-bullet.light{background-color:#c7d2fecc}.guideray-usecases-bullet.light:after{background-color:#6d28d9}.guideray-usecases-text.light{color:#4b5563}.guideray-usecases-technical-container.light{border-top-color:#8b5cf64d}.guideray-usecases-container.dark{background:linear-gradient(145deg,#1a1a2e,#16213e);box-shadow:0 12px 40px -10px #0003,0 6px 12px -4px #00000014;border:1px solid rgba(139,92,246,.3)}.guideray-usecases-container.dark:hover{box-shadow:0 20px 50px -10px #0000004d,0 8px 16px -4px #0000001a;border-color:#8b5cf680}.guideray-usecases-icon.dark,.guideray-usecases-title.dark{color:#a78bfa}.guideray-usecases-title.dark:after{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.guideray-usecases-description.dark{color:#cbd5e1;border-left-color:#a78bfa80}.guideray-usecases-item.dark{background-color:#2e106566;box-shadow:0 2px 6px #0003}.guideray-usecases-item.dark:hover{background-color:#2e106599;box-shadow:0 4px 12px #0000004d}.guideray-usecases-bullet.dark{background-color:#6d28d966}.guideray-usecases-bullet.dark:after{background-color:#a78bfa}.guideray-usecases-text.dark{color:#e2e8f0}.guideray-usecases-technical-container.dark{border-top-color:#a78bfa80}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.guideray-usecases-container{animation:fadeInUp .6s cubic-bezier(.22,1,.36,1) forwards}.guideray-usecases-item{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--index) * .05s);opacity:0}@media (max-width: 640px){.guideray-usecases-container{padding:1.5rem;margin-bottom:2rem;border-radius:16px}.guideray-usecases-header{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.guideray-usecases-icon{font-size:1.8rem}.guideray-usecases-title{font-size:1.5rem;padding-bottom:.5rem}.guideray-usecases-title:after{height:3px}.guideray-usecases-description{padding-left:1rem;font-size:1rem;margin-bottom:1.5rem;border-left-width:2px}.guideray-usecases-item{padding:1rem;border-radius:10px;gap:.75rem}.guideray-usecases-bullet{width:16px;height:16px;margin-top:.2rem}.guideray-usecases-text{font-size:.95rem}.guideray-usecases-technical-container{margin-top:1.5rem;padding-top:1.5rem}.guideray-usecases-container:active{transform:scale(.99)!important;transition:transform .2s ease!important}.guideray-usecases-item:active{transform:translate(6px) scale(.98);transition:transform .2s ease}.guideray-usecases-container:active .guideray-usecases-icon{transform:rotate(10deg) scale(.95)}.guideray-usecases-item{animation-duration:.4s;animation-delay:calc(var(--index) * .03s)}.guideray-usecases-item{-webkit-tap-highlight-color:transparent}}@media (max-width: 640px){.guideray-usecases-container{perspective:800px}.guideray-usecases-item{transform-style:preserve-3d}.guideray-usecases-item:hover{transform:translate(6px) rotateY(5deg)}.guideray-usecases-title:after{width:40px}.guideray-usecases-container:hover .guideray-usecases-title:after{width:60px}}.guideray_applications_container{border-radius:24px;padding:3rem;margin:2rem auto;max-width:1400px;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guideray_applications_container:before,.guideray_applications_container:after{content:"";position:absolute;border-radius:50%;filter:blur(40px);opacity:.15;z-index:-1;transition:all .8s ease}.guideray_applications_container:before{width:200px;height:200px;top:-50px;right:-50px}.guideray_applications_container:after{width:300px;height:300px;bottom:-100px;left:-100px}.guideray_applications_title{font-size:2.5rem;margin-bottom:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.03em;position:relative;display:inline-block;padding-bottom:.5rem}.guideray_applications_title:after{content:"";position:absolute;bottom:0;left:0;height:5px;border-radius:3px;width:80px;transform-origin:left;transition:transform .4s ease}.guideray_applications_title:hover:after{transform:scaleX(1.5)}.guideray_applications_description{font-size:1.2rem;line-height:1.9;margin-bottom:3rem;max-width:800px;font-weight:400;letter-spacing:.01em}.guideray_applications_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;margin-bottom:2rem}.guideray_applications_card{border-radius:20px;padding:2.5rem;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;display:flex;flex-direction:column;transform-style:preserve-3d;perspective:1000px;will-change:transform,box-shadow}.guideray_applications_card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;transition:all .5s ease}.guideray_applications_card:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.guideray_applications_card:hover{transform:translateY(-10px) scale(1.02) rotateX(2deg)}.guideray_applications_card:hover:after{opacity:1}.guideray_applications_card_content{font-size:1.1rem;line-height:1.8;position:relative;z-index:2;font-weight:400}.guideray_applications_container.light{background:linear-gradient(145deg,#fffffff2,#f8f9fff2);box-shadow:0 20px 40px -10px #00000014,0 10px 20px -5px #0000000a;border:1px solid rgba(224,229,242,.6)}.guideray_applications_container.light:before{background:#4361ee}.guideray_applications_container.light:after{background:#3a0ca3}.guideray_applications_title.light{color:#1a1a2e;text-shadow:0 2px 4px rgba(0,0,0,.03)}.guideray_applications_title.light:after{background:linear-gradient(90deg,#4361ee,#3a0ca3);box-shadow:0 4px 12px #4361ee4d}.guideray_applications_description.light{color:#4a5568}.guideray_applications_card.light{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px -6px #0000000f;border:1px solid rgba(224,229,242,.5)}.guideray_applications_card.light:before{background:linear-gradient(to bottom,#4361ee,#3a0ca3);box-shadow:0 0 20px #4361ee4d}.guideray_applications_card.light:hover{box-shadow:0 24px 48px -12px #4361ee33}.guideray_applications_card_content.light{color:#4a5568}.guideray_applications_container.dark{background:linear-gradient(145deg,#1a1a2ef2,#16213ef2);box-shadow:0 20px 40px -10px #0003,0 10px 20px -5px #00000026;border:1px solid rgba(67,97,238,.15)}.guideray_applications_container.dark:before{background:#3a0ca3}.guideray_applications_container.dark:after{background:#4361ee}.guideray_applications_title.dark{color:#f8f9fa;text-shadow:0 2px 8px rgba(0,0,0,.3)}.guideray_applications_title.dark:after{background:linear-gradient(90deg,#3a0ca3,#4361ee);box-shadow:0 4px 16px #4361ee66}.guideray_applications_description.dark{color:#cbd5e1e6}.guideray_applications_card.dark{background:#1e293b66;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px -6px #0003;border:1px solid rgba(67,97,238,.15)}.guideray_applications_card.dark:before{background:linear-gradient(to bottom,#3a0ca3,#4361ee);box-shadow:0 0 20px #4361ee66}.guideray_applications_card.dark:hover{box-shadow:0 24px 48px -12px #4361ee4d}.guideray_applications_card_content.dark{color:#e2e8f0e6}@media (max-width: 1024px){.guideray_applications_grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.guideray_applications_card{padding:2.25rem}}@media (max-width: 768px){.guideray_applications_container{padding:2.5rem 2rem;border-radius:20px;margin:1.5rem auto}.guideray_applications_title{font-size:2.2rem;margin-bottom:1.25rem}.guideray_applications_description{font-size:1.15rem;margin-bottom:2.5rem}.guideray_applications_grid{gap:1.75rem}.guideray_applications_container:before,.guideray_applications_container:after{filter:blur(30px)}}@media (max-width: 480px){.guideray_applications_container{padding:2rem 1.5rem;border-radius:18px;margin:1rem auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideray_applications_title{font-size:1.9rem;padding-bottom:.4rem}.guideray_applications_title:after{height:4px;width:60px}.guideray_applications_description{font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.guideray_applications_grid{grid-template-columns:1fr;gap:1.5rem}.guideray_applications_card{padding:2rem;border-radius:16px}.guideray_applications_card:hover{transform:translateY(-8px) scale(1.01)}.guideray_applications_card_content{font-size:1.05rem;line-height:1.7}.guideray_applications_container:before{width:150px;height:150px;top:-30px;right:-30px}.guideray_applications_container:after{width:200px;height:200px;bottom:-70px;left:-70px}}@media (hover: hover){.guideray_applications_card{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.guideray_applications_card:hover{transform:translateY(-12px) scale(1.03) rotateX(3deg);box-shadow:0 30px 60px -15px #4361ee40!important}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.guideray_applications_container,.guideray_applications_card{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.guideray_applications_card:nth-child(1){animation-delay:.1s}.guideray_applications_card:nth-child(2){animation-delay:.2s}.guideray_applications_card:nth-child(3){animation-delay:.3s}.guideray_applications_card:nth-child(4){animation-delay:.4s}.guideray_applications_card:nth-child(5){animation-delay:.5s}.guideray_applications_card:nth-child(6){animation-delay:.6s}.guideray_applications_card:hover .guideray_applications_card_content{transform:translate(5px);transition:transform .3s ease}.guideray-workflow-container{border-radius:24px;padding:2.5rem;margin:2rem auto;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1200px;transform-style:preserve-3d;perspective:1000px;background:rgba(var(--card-bg-rgb),.85);box-shadow:0 25px 50px -12px #0000001a;border:1px solid rgba(var(--border-color-rgb),.3)}.guideray-workflow-container:before,.guideray-workflow-container:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;z-index:-1;transition:all .8s ease}.guideray-workflow-container:before{width:200px;height:200px;top:-50px;right:-50px;background:var(--accent-color-1)}.guideray-workflow-container:after{width:300px;height:300px;bottom:-100px;left:-100px;background:var(--accent-color-2)}.guideray-workflow-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2}.guideray-workflow-title{font-size:2rem;margin-bottom:1rem;font-weight:800;line-height:1.25;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;padding-bottom:.5rem}.guideray-workflow-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent-color-1),var(--accent-color-2));transition:all .4s ease}.guideray-workflow-description-text{font-size:1.1rem;line-height:1.8;color:var(--text-color);margin:0 auto;max-width:700px;font-weight:400;letter-spacing:.01em}.guideray-workflow-start-button{color:#fff;border:none;padding:1rem 2.5rem;font-size:1rem;border-radius:50px;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;box-shadow:0 4px 20px rgba(var(--primary-color-rgb),.2);transition:all .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;z-index:1;font-weight:600;letter-spacing:.5px}.guideray-workflow-start-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .4s ease;z-index:-1;background:linear-gradient(135deg,var(--accent-color-2),var(--accent-color-1))}.guideray-workflow-start-button:hover:not(.guideray-workflow-disabled):before{opacity:1}.guideray-workflow-start-button.guideray-workflow-disabled{cursor:not-allowed;box-shadow:none;opacity:.7}.guideray-workflow-button-icon{font-size:.9rem;transition:transform .3s ease}.guideray-workflow-start-button:hover:not(.guideray-workflow-disabled) .guideray-workflow-button-icon{transform:translate(3px)}.guideray-workflow-button-loading{display:inline-flex;align-items:center;gap:.6rem;font-size:1rem}.guideray-workflow-loading-dot{width:8px;height:8px;border-radius:50%;animation:guideray-workflow-loading-bounce 1.4s infinite ease-in-out}.guideray-workflow-loading-dot:nth-child(1){animation-delay:-.32s}.guideray-workflow-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes guideray-workflow-loading-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.guideray-workflow-chart{border-radius:16px;padding:1.5rem;display:flex;justify-content:center;border:1px solid rgba(var(--border-color-rgb),.3);background:rgba(var(--bg-color-rgb),.5);box-shadow:0 8px 32px #0000000d;margin-top:1.5rem;position:relative;overflow:hidden}.guideray-workflow-task-card{border-radius:14px;width:200px;padding:1.5rem;box-shadow:0 6px 18px #00000014;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;z-index:1;overflow:hidden;transform:translateY(0);border:1px solid rgba(var(--border-color-rgb),.3);margin:0 auto;cursor:pointer;background:rgba(var(--card-bg-rgb),.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideray-workflow-task-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;background:linear-gradient(135deg,rgba(var(--accent-color-1-rgb),.1),rgba(var(--accent-color-2-rgb),.1))}.guideray-workflow-task-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 12px 24px rgba(var(--primary-color-rgb),.15)}.guideray-workflow-task-card:hover:before{opacity:1}.guideray-workflow-task-card.guideray-workflow-active{transform:translateY(-5px) scale(1.03);box-shadow:0 12px 24px rgba(var(--primary-color-rgb),.2);animation:guideray-workflow-pulse-glow 2s infinite ease-in-out}.guideray-workflow-task-card.guideray-workflow-active:before{opacity:1}.guideray-workflow-task-card.guideray-workflow-completed{transform:translateY(-3px);box-shadow:0 8px 20px rgba(var(--success-color-rgb),.15)}.guideray-workflow-task-header{margin-bottom:1rem;text-align:center;position:relative;padding-bottom:.8rem}.guideray-workflow-task-header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:3px;transition:all .4s ease;background:rgba(var(--primary-color-rgb),.3);border-radius:2px}.guideray-workflow-task-card.guideray-workflow-active .guideray-workflow-task-header:after{width:60px;background:rgba(var(--primary-color-rgb),.6)}.guideray-workflow-task-card.guideray-workflow-completed .guideray-workflow-task-header:after{background:rgba(var(--success-color-rgb),.6)}.guideray-workflow-task-name{font-weight:700;font-size:1rem;transition:color .3s ease;margin-bottom:.5rem;color:var(--text-color)}.guideray-workflow-task-desc{font-size:.85rem;line-height:1.6;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--border-color-rgb),.3);color:var(--text-secondary-color)}.guideray-workflow-task-status{position:absolute;top:12px;right:12px;width:22px;height:22px;font-size:.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--bg-color-rgb),.8);box-shadow:0 2px 6px #0000001a}.guideray-workflow-status-icon{display:flex;align-items:center;justify-content:center}.guideray-workflow-status-icon.guideray-workflow-completed{color:var(--success-color)}.guideray-workflow-status-icon.guideray-workflow-active{color:var(--primary-color);animation:guideray-workflow-pulse 1.5s infinite}.guideray-workflow-status-icon.guideray-workflow-pending{color:var(--text-secondary-color)}.guideray-workflow-series-container{display:flex;flex-direction:column;align-items:center;position:relative}.guideray-workflow-series-arrow{width:3px;height:40px;position:relative;margin:10px 0;transition:all .4s ease;background:rgba(var(--border-color-rgb),.5)}.guideray-workflow-series-arrow:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(135deg);width:10px;height:10px;border-right:3px solid rgba(var(--border-color-rgb),.5);border-top:3px solid rgba(var(--border-color-rgb),.5);transition:all .4s ease}.guideray-workflow-series-arrow.guideray-workflow-active{background:var(--primary-color);animation:guideray-workflow-line-draw .6s ease-out forwards}.guideray-workflow-series-arrow.guideray-workflow-active:after{border-color:var(--primary-color)}.guideray-workflow-series-arrow.guideray-workflow-completed{background:var(--success-color)}.guideray-workflow-series-arrow.guideray-workflow-completed:after{border-color:var(--success-color)}.guideray-workflow-parallel-container{display:flex;flex-direction:column;align-items:center;margin:1.5rem 0;position:relative;width:100%}.guideray-workflow-parallel-connector{width:100%;height:3px;position:relative;transition:all .4s ease;background:rgba(var(--border-color-rgb),.5)}.guideray-workflow-parallel-connector.guideray-workflow-top{margin-bottom:20px}.guideray-workflow-parallel-connector.guideray-workflow-bottom{margin-top:20px}.guideray-workflow-parallel-connector.guideray-workflow-active{background:var(--primary-color);animation:guideray-workflow-line-draw-horizontal .6s ease-out forwards}.guideray-workflow-parallel-connector.guideray-workflow-completed{background:var(--success-color)}.guideray-workflow-parallel-branches{display:flex;justify-content:center;width:100%;gap:1.5rem}.guideray-workflow-parallel-branch{display:flex;flex-direction:column;align-items:center;position:relative;padding:0 1rem}.guideray-workflow-parallel-step{position:relative;display:flex;flex-direction:column;align-items:center}.guideray-workflow-parallel-step:before,.guideray-workflow-parallel-step:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;height:20px;transition:all .4s ease;background:rgba(var(--border-color-rgb),.5)}.guideray-workflow-parallel-step:before{top:-20px}.guideray-workflow-parallel-step:after{bottom:-20px}.guideray-workflow-parallel-step.guideray-workflow-active:before,.guideray-workflow-parallel-step.guideray-workflow-active:after{background:var(--primary-color)}.guideray-workflow-parallel-step.guideray-workflow-completed:before,.guideray-workflow-parallel-step.guideray-workflow-completed:after{background:var(--success-color)}@keyframes guideray-workflow-pulse-glow{0%{box-shadow:0 0 rgba(var(--primary-color-rgb),.3)}50%{box-shadow:0 0 0 12px rgba(var(--primary-color-rgb),0)}to{box-shadow:0 0 rgba(var(--primary-color-rgb),0)}}@keyframes guideray-workflow-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes guideray-workflow-line-draw{0%{height:0}to{height:40px}}@keyframes guideray-workflow-line-draw-horizontal{0%{width:0}to{width:100%}}.guideray-workflow-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:guideray-workflow-fade-in .3s ease-out}@keyframes guideray-workflow-fade-in{0%{opacity:0}to{opacity:1}}.guideray-workflow-modal-content{padding:2rem;border-radius:16px;max-width:500px;width:90%;box-shadow:0 15px 40px #0003;position:relative;animation:guideray-workflow-modal-enter .4s cubic-bezier(.18,.89,.32,1.28);background:rgba(var(--card-bg-rgb),.95);border:1px solid rgba(var(--border-color-rgb),.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes guideray-workflow-modal-enter{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.guideray-workflow-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-secondary-color)}.guideray-workflow-modal-close:hover{color:var(--text-color);background:rgba(var(--border-color-rgb),.2)}.guideray-workflow-modal-content h2{margin-bottom:1rem;font-size:1.5rem;color:var(--text-color);font-weight:700}.guideray-workflow-modal-description h3{margin-top:1.5rem;margin-bottom:.8rem;font-size:1.1rem;position:relative;display:inline-block;color:var(--text-color)}.guideray-workflow-modal-description h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:3px;background:linear-gradient(90deg,var(--accent-color-1),var(--accent-color-2));border-radius:2px}.guideray-workflow-modal-description p{font-size:.95rem;line-height:1.7;color:var(--text-secondary-color)}.guideray-workflow-status-badge{display:inline-block;padding:.5rem 1.2rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-top:1.5rem;transition:all .3s ease}.guideray-workflow-status-badge.guideray-workflow-pending{background:rgba(var(--text-secondary-color-rgb),.1);color:var(--text-secondary-color);border:1px solid rgba(var(--text-secondary-color-rgb),.2)}.guideray-workflow-status-badge.guideray-workflow-active{background:rgba(var(--primary-color-rgb),.1);color:var(--primary-color);border:1px solid rgba(var(--primary-color-rgb),.2);animation:guideray-workflow-pulse 2s infinite}.guideray-workflow-status-badge.guideray-workflow-completed{background:rgba(var(--success-color-rgb),.1);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb),.2)}@media (max-width: 1024px){.guideray-workflow-container{padding:2rem}.guideray-workflow-task-card{width:180px;padding:1.25rem}.guideray-workflow-parallel-branches{gap:1rem}}@media (max-width: 768px){.guideray-workflow-container{padding:1.75rem;border-radius:20px;margin:1.5rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guideray-workflow-title{font-size:1.75rem}.guideray-workflow-description-text{font-size:1rem}.guideray-workflow-start-button{padding:.9rem 2rem;font-size:.95rem}.guideray-workflow-chart{padding:1.25rem}.guideray-workflow-task-card{width:160px;padding:1.1rem}.guideray-workflow-series-arrow{height:30px}.guideray-workflow-parallel-step:before,.guideray-workflow-parallel-step:after{height:15px}.guideray-workflow-parallel-step:before{top:-15px}.guideray-workflow-parallel-step:after{bottom:-15px}.guideray-workflow-container:before,.guideray-workflow-container:after{filter:blur(40px)}}@media (max-width: 480px){.guideray-workflow-container{padding:1.5rem 1.25rem;border-radius:18px;margin:1.25rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideray-workflow-title{font-size:1.5rem;padding-bottom:.4rem}.guideray-workflow-title:after{width:60px;height:3px}.guideray-workflow-description-text{font-size:.95rem}.guideray-workflow-start-button{padding:.8rem 1.8rem;font-size:.9rem}.guideray-workflow-chart{padding:1rem;border-radius:14px}.guideray-workflow-task-card{width:140px;padding:1rem;border-radius:12px}.guideray-workflow-task-name{font-size:.9rem}.guideray-workflow-task-desc{font-size:.8rem}.guideray-workflow-series-arrow{height:25px;width:2px}.guideray-workflow-parallel-branches{flex-direction:column;gap:0}.guideray-workflow-parallel-branch{padding:.5rem 0}.guideray-workflow-parallel-connector{display:none}.guideray-workflow-parallel-step:before,.guideray-workflow-parallel-step:after{display:none}.guideray-workflow-modal-content{padding:1.5rem}.guideray-workflow-modal-content h2{font-size:1.3rem}.guideray-workflow-container:before{width:150px;height:150px;top:-30px;right:-30px}.guideray-workflow-container:after{width:200px;height:200px;bottom:-70px;left:-70px}}.guideray-workflow-container.light{--card-bg-rgb: 255, 255, 255;--bg-color-rgb: 249, 249, 255;--border-color-rgb: 224, 229, 242;--text-color: #1a1a2e;--text-secondary-color: #4b5563;--text-secondary-color-rgb: 75, 85, 99;--primary-color: #6e45e2;--primary-color-rgb: 110, 69, 226;--accent-color-1: #6e45e2;--accent-color-1-rgb: 110, 69, 226;--accent-color-2: #88d3ce;--accent-color-2-rgb: 136, 211, 206;--success-color: #10b981;--success-color-rgb: 16, 185, 129}.guideray-workflow-container.dark{--card-bg-rgb: 30, 41, 59;--bg-color-rgb: 26, 26, 46;--border-color-rgb: 67, 97, 238;--text-color: #f8f9fa;--text-secondary-color: #adb5bd;--text-secondary-color-rgb: 173, 181, 189;--primary-color: #8a63e8;--primary-color-rgb: 138, 99, 232;--accent-color-1: #8a63e8;--accent-color-1-rgb: 138, 99, 232;--accent-color-2: #6dd5d1;--accent-color-2-rgb: 109, 213, 209;--success-color: #10b981;--success-color-rgb: 16, 185, 129}.guideray-example-container{border-radius:16px;padding:1.5rem;margin-bottom:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);position:relative;overflow:hidden}.guideray-example-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#fff0);opacity:0;transition:opacity .3s ease;z-index:0}.guideray-example-container:hover{transform:translateY(-4px)}.guideray-example-container:hover:before{opacity:1}.guideray-example-header{display:flex;flex-direction:column;margin-bottom:1.25rem;gap:.75rem;position:relative;z-index:1}.guideray-example-header-content{flex:1}.guideray-example-title{font-size:1.4rem;font-weight:700;margin:0 0 .5rem;line-height:1.3;letter-spacing:-.25px}.guideray-example-subtitle{font-size:.95rem;margin:0;opacity:.9;line-height:1.5}.guideray-example-badge{padding:.5rem 1rem;border-radius:24px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;align-self:flex-start;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.guideray-example-description{font-size:1rem;line-height:1.7;margin-bottom:1.5rem;position:relative;z-index:1}.guideray-example-code-container{border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 20px #00000014;transform:translateZ(0);transition:transform .3s ease,box-shadow .3s ease}.guideray-example-code-container:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 8px 30px #0000001f}.guideray-example-code-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:600}.guideray-example-code-language{text-transform:uppercase;letter-spacing:.5px;font-feature-settings:"calt" off}.guideray-example-copy-button{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.4rem .8rem;border-radius:6px;transition:all .25s ease;font-weight:600}.guideray-example-copy-icon{display:flex;align-items:center;transition:transform .2s ease}.guideray-example-copy-button:hover .guideray-example-copy-icon{transform:translateY(-1px)}.guideray-example-container.light{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 6px 18px #0000000a}.guideray-example-container.light:hover{box-shadow:0 10px 25px #00000014;border-color:#cbd5e1}.guideray-example-title.light{color:#0f172a;text-shadow:0 1px 1px rgba(255,255,255,.8)}.guideray-example-subtitle.light{color:#475569}.guideray-example-badge.light{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border:1px solid rgba(79,70,229,.2)}.guideray-example-badge.light:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e526}.guideray-example-description.light{color:#334155}.guideray-example-code-toolbar.light{background:linear-gradient(90deg,#f1f5f9,#e2e8f0);color:#475569;border-bottom:1px solid #e2e8f0}.guideray-example-copy-button.light{color:#475569;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guideray-example-copy-button.light:hover{background:#fff;color:#0f172a;box-shadow:0 2px 6px #0f172a1a}.guideray-example-container.dark{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #334155;box-shadow:0 6px 18px #00000026}.guideray-example-container.dark:hover{box-shadow:0 10px 25px #00000040;border-color:#475569}.guideray-example-title.dark{color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.3)}.guideray-example-subtitle.dark{color:#94a3b8}.guideray-example-badge.dark{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#e0e7ff;border:1px solid rgba(224,231,255,.1)}.guideray-example-badge.dark:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.guideray-example-description.dark{color:#cbd5e1}.guideray-example-code-toolbar.dark{background:linear-gradient(90deg,#1e293b,#334155);color:#94a3b8;border-bottom:1px solid #334155}.guideray-example-copy-button.dark{color:#94a3b8;background:#1e293b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guideray-example-copy-button.dark:hover{background:#334155;color:#e2e8f0;box-shadow:0 2px 6px #0003}@media (max-width: 640px){.guideray-example-container{padding:1.25rem;margin-bottom:1.75rem;border-radius:14px}.guideray-example-title{font-size:1.3rem;margin-bottom:.4rem}.guideray-example-subtitle{font-size:.9rem}.guideray-example-badge{padding:.45rem .9rem;font-size:.75rem}.guideray-example-description{font-size:.95rem;margin-bottom:1.25rem}.guideray-example-code-container{border-radius:10px;margin-bottom:1.25rem}.guideray-example-code-toolbar{padding:.6rem .9rem}.guideray-example-copy-button{padding:.35rem .7rem;font-size:.8rem}.guideray-example-container{animation:guideray-example-fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.guideray-example-code-container{animation:guideray-example-scaleIn .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:.1s;opacity:0}}@keyframes guideray-example-fadeIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guideray-example-scaleIn{0%{opacity:0;transform:scale(.96);box-shadow:0 0 #0000}to{opacity:1;transform:scale(1);box-shadow:0 4px 20px #00000014}}@media (max-width: 640px){.guideray-example-container{-webkit-tap-highlight-color:transparent}.guideray-example-container:active{transform:scale(.99)!important;transition:transform .2s ease!important}.guideray-example-copy-button:active{transform:scale(.95)}.guideray-example-badge:active{transform:translateY(0)!important}}.guideray-student-practice-outer-container{width:100%;max-width:1200px;margin:0 auto;background-color:transparent;border-radius:20px}.guideray-student-practice-container{display:flex;flex-direction:row;align-items:center;border-radius:24px;overflow:hidden;position:relative;max-height:350px;min-height:350px}.guideray-student-practice-dark{background:#1a1a1a;color:#fff}.guideray-student-practice-dark .guideray-student-practice-container{background:#1a202c;box-shadow:0 10px 30px #0000004d}.guideray-student-practice-light{color:#333}.guideray-student-practice-image-container{flex:1;max-width:30%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.guideray-student-practice-image{max-width:100%;max-height:300px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.guideray-student-practice-content{flex:1;position:relative;border-left:3px solid rgba(0,0,255,.105);padding-left:2rem;z-index:1}.guideray-student-practice-header{margin-bottom:2rem;position:relative;z-index:1}.guideray-student-practice-title{font-size:1.5rem;margin-bottom:2rem;font-weight:800;line-height:1.2;background:linear-gradient(90deg,#6a11cb,#2575fc);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:left}.guideray-student-practice-dark .guideray-student-practice-title{background:linear-gradient(90deg,#8a2be2,#4b6cb7)}.guideray-student-practice-description{font-size:.9rem;line-height:1.7;color:inherit;opacity:.9;text-align:left;display:flex;align-items:flex-start;gap:.75rem;max-width:90%}.guideray-student-practice-icon{margin-top:.1rem;flex-shrink:0;color:#6a11cb;font-size:1.3rem}.guideray-student-practice-dark .guideray-student-practice-icon{color:#8a2be2}.guideray-student-practice-stats{display:flex;flex-direction:row;justify-content:flex-start;gap:40px;align-items:center;gap:1.5rem;margin:2rem 0}.guideray-student-practice-stat{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;background:#6a11cb1a;padding:.6rem 1rem;border-radius:8px}.guideray-student-practice-dark .guideray-student-practice-stat{background:#8a2be21a}.guideray-student-practice-stat-icon{color:#6a11cb}.guideray-student-practice-dark .guideray-student-practice-stat-icon{color:#8a2be2}.guideray-student-practice-button{display:inline-flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.9rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff}.guideray-student-practice-dark .guideray-student-practice-button{background:linear-gradient(90deg,#8a2be2,#4b6cb7)}.guideray-student-practice-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6a11cb66}.guideray-student-practice-button .guideray-student-practice-icon{transition:transform .3s ease}.guideray-student-practice-button:hover .guideray-student-practice-icon{transform:translate(5px)}.guideray-student-practice-actions{display:flex;flex-direction:column;gap:15px;margin-top:20px}.guideray-student-practice-mark-read-container{display:flex;justify-content:flex-end}.guideray-student-practice-mark-read-button{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;color:#999;border:none;background:transparent;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .3s ease;position:relative;text-align:right}.guideray-student-practice-mark-read-button:hover:not(:disabled){background-color:#007bff1a;color:#007bff}.guideray-student-practice-mark-read-button.completed{color:#007bff;cursor:default}.guideray-student-practice-mark-read-button:disabled{opacity:.7;cursor:not-allowed}.guideray-student-practice-mark-read-circle{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.guideray-student-practice-mark-read-button.completed .guideray-student-practice-mark-read-circle{background-color:#007bff;border-color:#007bff;color:#fff}.guideray-student-practice-mark-read-button:hover:not(:disabled) .guideray-student-practice-mark-read-circle{border-color:#007bff}.guideray-student-practice-mark-read-button:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.guideray-student-practice-mark-read-button:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 5px)}@media (max-width: 1024px){.guideray-student-practice-container{flex-direction:column;max-height:none}.guideray-student-practice-image-container{max-width:100%;padding:1rem}.guideray-student-practice-content{padding:2rem}.guideray-student-practice-title{font-size:1.8rem}}@media (max-width: 768px){.guideray-student-practice-outer-container{padding:1rem}.guideray-student-practice-container{border-radius:16px}.guideray-student-practice-title{font-size:1.6rem}.guideray-student-practice-description{font-size:1rem;max-width:100%}.guideray-student-practice-stats{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.guideray-student-practice-content{padding:1.5rem}.guideray-student-practice-title{font-size:1.4rem}.guideray-student-practice-button{padding:.8rem 1.5rem;font-size:.9rem}}.guideray_tips_container{border-radius:24px;padding:3rem;margin:2rem auto;transition:all .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:1200px;transform-style:preserve-3d;perspective:1000px;background:rgba(var(--card-bg-rgb),.85);box-shadow:0 25px 50px -12px #0000001a;border:1px solid rgba(var(--border-color-rgb),.3)}.guideray_tips_container:before,.guideray_tips_container:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.15;z-index:-1;transition:all .8s ease}.guideray_tips_container:before{width:200px;height:200px;top:-50px;right:-50px;background:var(--accent-color-1)}.guideray_tips_container:after{width:300px;height:300px;bottom:-100px;left:-100px;background:var(--accent-color-2)}.guideray_tips_title{font-size:2.25rem;margin-bottom:1.5rem;font-weight:800;line-height:1.25;color:var(--primary-color);letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.05);position:relative;padding-bottom:.5rem}.guideray_tips_title:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--accent-color-1),var(--accent-color-2));transition:all .4s ease}.guideray_tips_description{font-size:1.2rem;line-height:1.9;color:var(--text-color);margin-bottom:2.5rem;font-weight:400;letter-spacing:.01em;max-width:800px}.guideray_tips_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.guideray_tips_card{display:flex;gap:1.5rem;background:rgba(var(--card-bg-rgb),.7);border-radius:18px;padding:2rem;border:1px solid rgba(var(--border-color-rgb),.2);transition:all .5s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px -6px #0000000d}.guideray_tips_card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,var(--accent-color-1),var(--accent-color-2));transition:all .5s ease}.guideray_tips_card:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .5s ease}.guideray_tips_card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 32px -8px rgba(var(--primary-color-rgb),.1)}.guideray_tips_card:hover:after{opacity:1}.guideray_tips_icon{font-size:2rem;flex-shrink:0;transition:all .4s ease;transform-origin:center;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.guideray_tips_content{font-size:1.1rem;line-height:1.8;color:var(--text-color);position:relative;z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.guideray_tips_container,.guideray_tips_card{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.guideray_tips_card:nth-child(1){animation-delay:.1s}.guideray_tips_card:nth-child(2){animation-delay:.2s}.guideray_tips_card:nth-child(3){animation-delay:.3s}.guideray_tips_card:nth-child(4){animation-delay:.4s}.guideray_tips_card:nth-child(5){animation-delay:.5s}.guideray_tips_card:nth-child(6){animation-delay:.6s}@media (max-width: 1024px){.guideray_tips_grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.guideray_tips_card{padding:1.75rem}}@media (max-width: 768px){.guideray_tips_container{padding:2.5rem;border-radius:22px;margin:1.5rem 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.guideray_tips_title{font-size:1.8rem}.guideray_tips_description{font-size:1.1rem;margin-bottom:2rem}.guideray_tips_container:before,.guideray_tips_container:after{filter:blur(40px)}}@media (max-width: 480px){.guideray_tips_container{padding:2rem 1.5rem;border-radius:20px;margin:1.25rem 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.guideray_tips_title{font-size:1.6rem;margin-bottom:1.25rem}.guideray_tips_title:after{width:60px;height:3px}.guideray_tips_description{font-size:1rem;line-height:1.8;margin-bottom:1.75rem}.guideray_tips_grid{grid-template-columns:1fr;gap:1.5rem}.guideray_tips_card{padding:1.5rem;flex-direction:column;gap:1rem}.guideray_tips_icon{font-size:1.8rem;align-self:flex-start}.guideray_tips_container:before{width:150px;height:150px;top:-30px;right:-30px}.guideray_tips_container:after{width:200px;height:200px;bottom:-70px;left:-70px}}@media (hover: hover){.guideray_tips_card{transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1)}.guideray_tips_card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 20px 40px -10px rgba(var(--primary-color-rgb),.15)!important}.guideray_tips_icon{animation:float 5s ease-in-out infinite}}:root{--card-bg-rgb: 255, 255, 255;--border-color-rgb: 224, 229, 242;--primary-color-rgb: 59, 130, 246;--primary-color: #3b82f6;--text-color: #4b5563;--accent-color-1: #3b82f6;--accent-color-2: #1e40af}.dark{--card-bg-rgb: 30, 41, 59;--border-color-rgb: 59, 130, 246;--primary-color-rgb: 147, 197, 253;--primary-color: #93c5fd;--text-color: #cbd5e1;--accent-color-1: #60a5fa;--accent-color-2: #3b82f6}.guideray-topic-intro-container{display:flex;min-height:100vh;position:relative;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.guideray-topic-intro-container.guideray-topic-intro-light-mode{color:#2d3748;background-color:#f8fafc}.guideray-topic-intro-container.guideray-topic-intro-dark-mode{color:#e2e8f0;background-color:#0f172a}.guideray-topic-intro-sidebar{width:300px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed!important;z-index:100;box-shadow:4px 0 20px #00000026;display:flex;overflow:auto;flex-direction:column}.guideray-topic-intro-sidebar.guideray-topic-intro-light{background:linear-gradient(135deg,#00163a,#00123c);color:#fff}.guideray-topic-intro-sidebar.guideray-topic-intro-dark{background:linear-gradient(135deg,#000f50,#001941);color:#e2e8f0}.guideray-topic-intro-sidebar.guideray-topic-intro-closed{transform:translate(-100%)}.guideray-topic-intro-sidebar.guideray-topic-intro-open{transform:translate(0)}.guideray-topic-intro-sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10;background:inherit}.guideray-topic-intro-sidebar-header-content{display:flex;align-items:center;justify-content:center}.guideray-topic-intro-sidebar-header h3{margin:0;font-size:1.1rem;font-weight:600;text-align:center;letter-spacing:.3px}.guideray-topic-intro-theme-toggle-btn{background:none;border:none;color:inherit;cursor:pointer;padding:5px;border-radius:50%;transition:all .2s}.guideray-topic-intro-theme-toggle-btn:hover{background:#ffffff1a;transform:scale(1.1)}.guideray-topic-intro-sidebar-scroll-container{flex:1;overflow:auto!important;padding-bottom:80px}.guideray-topic-intro-sidebar-scroll-container::-webkit-scrollbar{width:6px}.guideray-topic-intro-sidebar-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.guideray-topic-intro-sidebar-scroll-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.guideray-topic-intro-sidebar-scroll-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.guideray-topic-intro-sidebar-list{list-style:none;padding:0;margin:0}.guideray-topic-intro-sidebar-item{padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;cursor:pointer;font-size:.92rem}.guideray-topic-intro-sidebar-item.guideray-topic-intro-light{color:#e2e8f0}.guideray-topic-intro-sidebar-item.guideray-topic-intro-light:hover{background:#ffffff14}.guideray-topic-intro-sidebar-item.guideray-topic-intro-light.guideray-topic-intro-active{background:#60a5fa26;border-left:3px solid #60a5fa}.guideray-topic-intro-sidebar-item.guideray-topic-intro-dark{color:#e2e8f0}.guideray-topic-intro-sidebar-item.guideray-topic-intro-dark:hover{background:#ffffff1a}.guideray-topic-intro-sidebar-item.guideray-topic-intro-dark.guideray-topic-intro-active{background:#60a5fa33;border-left:3px solid #60a5fa}.guideray-topic-intro-sidebar-item-content{display:flex;justify-content:space-between;align-items:center}.guideray-topic-intro-topic-name{font-weight:500}.guideray-topic-intro-chevron-icon{opacity:.7;transition:transform .2s ease}.guideray-topic-intro-submenu-container{padding:0;margin:0;list-style:none;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.guideray-topic-intro-submenu-container.guideray-topic-intro-open{max-height:1000px}.guideray-topic-intro-submenu-container.guideray-topic-intro-light{background:#0f172a80}.guideray-topic-intro-submenu-container.guideray-topic-intro-dark{background:#020617b3}.guideray-topic-intro-submenu-item{padding:12px 20px 12px 45px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.guideray-topic-intro-submenu-item.guideray-topic-intro-light{color:#e2e8f0e6}.guideray-topic-intro-submenu-item.guideray-topic-intro-light:hover{background:#ffffff0d;color:#fff}.guideray-topic-intro-submenu-item.guideray-topic-intro-light.guideray-topic-intro-active-sub{background:#60a5fa33;border-left:3px solid #60a5fa}.guideray-topic-intro-submenu-item.guideray-topic-intro-dark{color:#e2e8f0cc}.guideray-topic-intro-submenu-item.guideray-topic-intro-dark:hover{background:#ffffff1a;color:#fff}.guideray-topic-intro-submenu-item.guideray-topic-intro-dark.guideray-topic-intro-active-sub{background:#60a5fa40;border-left:3px solid #60a5fa}.guideray-topic-intro-submenu-item-content{display:flex;justify-content:space-between;align-items:center}.guideray-topic-intro-submenu-text{font-weight:400}.guideray-topic-intro-section-container{padding:0;margin:0;list-style:none;max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.guideray-topic-intro-section-container.guideray-topic-intro-open{max-height:1000px}.guideray-topic-intro-section-container.guideray-topic-intro-light{background:#1e293b80}.guideray-topic-intro-section-container.guideray-topic-intro-dark{background:#0f172ab3}.guideray-topic-intro-section-item{padding:10px 20px 10px 65px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.guideray-topic-intro-section-item.guideray-topic-intro-light{color:#e2e8f0cc}.guideray-topic-intro-section-item.guideray-topic-intro-light:hover{background:#ffffff0d;color:#fff}.guideray-topic-intro-section-item.guideray-topic-intro-light.guideray-topic-intro-active-section{background:#60a5fa40;border-left:3px solid #60a5fa}.guideray-topic-intro-section-item.guideray-topic-intro-dark{color:#e2e8f0b3}.guideray-topic-intro-section-item.guideray-topic-intro-dark:hover{background:#ffffff1a;color:#fff}.guideray-topic-intro-section-item.guideray-topic-intro-dark.guideray-topic-intro-active-section{background:#60a5fa4d;border-left:3px solid #60a5fa}.guideray-topic-intro-section-item-content{display:flex;align-items:center;gap:10px}.guideray-topic-intro-section-text{font-weight:400}.guideray-topic-intro-icon-concept{color:#60a5fa}.guideray-topic-intro-icon-intro{color:#38bdf8}.guideray-topic-intro-icon-usecase{color:#a78bfa}.guideray-topic-intro-icon-app{color:#818cf8}.guideray-topic-intro-icon-workflow{color:#34d399}.guideray-topic-intro-icon-example{color:#f472b6}.guideray-topic-intro-icon-practice{color:#fbbf24}.guideray-topic-intro-icon-tips{color:#2dd4bf}.guideray-topic-intro-content{flex:1;padding:10px 15px;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;height:100vh}.guideray-topic-intro-content.guideray-topic-intro-light{background-color:#fff;color:#1e293b}.guideray-topic-intro-content.guideray-topic-intro-dark{background-color:#0f172a;color:#e2e8f0}.guideray-topic-intro-content.guideray-topic-intro-with-sidebar{margin-left:300px}.guideray-topic-intro-content.guideray-topic-intro-full-width{margin-left:0}.guideray-topic-intro-content-section{margin-bottom:40px;scroll-margin-top:20px}.guideray-topic-intro-content-header{margin-bottom:30px}.guideray-topic-intro-content-header h2{font-size:2rem;margin-bottom:10px;color:#594aff;background-color:#839aff57;border-radius:10px;padding:10px;box-shadow:0 4px 6px #0000001a}.guideray-topic-intro-content-header h3{font-size:1.4rem;font-weight:500;margin-top:10px;color:#a78bfa;padding-left:10px;border-left:3px solid #a78bfa}.guideray-topic-intro-section-nav{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.guideray-topic-intro-section-nav-btn{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:20px;border:none;cursor:pointer;transition:all .2s ease;font-size:.85rem;box-shadow:0 2px 4px #0000001a}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-light{background-color:#f1f5f9;color:#1e293b}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-light:hover{background-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-light.guideray-topic-intro-active-nav-btn{background-color:#60a5fa;color:#fff}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-dark{background-color:#1e293b;color:#e2e8f0}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-dark:hover{background-color:#334155;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.guideray-topic-intro-section-nav-btn.guideray-topic-intro-dark.guideray-topic-intro-active-nav-btn{background-color:#3b82f6;color:#fff}.guideray-topic-intro-sidebar-toggle{position:fixed;top:85px;left:20px;z-index:101;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.guideray-topic-intro-sidebar-toggle.guideray-topic-intro-light{background:linear-gradient(135deg,#00163a,#00123c)!important;color:#fff}.guideray-topic-intro-sidebar-toggle.guideray-topic-intro-dark{background:linear-gradient(135deg,#000f50,#001941)!important;color:#e2e8f0}.guideray-topic-intro-sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.guideray-topic-intro-sidebar.guideray-topic-intro-open+.guideray-topic-intro-sidebar-toggle{left:310px}.guideray-topic-intro-scroll-to-top-btn{position:fixed;bottom:30px;right:30px;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99;opacity:.9}.guideray-topic-intro-scroll-to-top-btn.guideray-topic-intro-light{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff}.guideray-topic-intro-scroll-to-top-btn.guideray-topic-intro-dark{background:linear-gradient(135deg,#020617,#1e293b);color:#e2e8f0}.guideray-topic-intro-scroll-to-top-btn:hover{transform:translateY(-3px) scale(1.05);opacity:1;box-shadow:0 6px 16px #0006}.guideray-topic-intro-error-message{padding:20px;background-color:#fee2e2;color:#b91c1c;border-radius:8px;margin-bottom:20px;border-left:4px solid #b91c1c}@media (max-width: 1024px){.guideray-topic-intro-sidebar{width:260px}.guideray-topic-intro-content.guideray-topic-intro-with-sidebar{margin-left:260px;padding:25px 35px}.guideray-topic-intro-sidebar.guideray-topic-intro-open+.guideray-topic-intro-sidebar-toggle{left:270px}}@media (max-width: 768px){.guideray-topic-intro-sidebar{width:240px}.guideray-topic-intro-content.guideray-topic-intro-with-sidebar{margin-left:240px;padding:20px}.guideray-topic-intro-sidebar.guideray-topic-intro-open+.guideray-topic-intro-sidebar-toggle{left:250px}.guideray-topic-intro-section-nav{gap:8px}.guideray-topic-intro-section-nav-btn{padding:6px 12px;font-size:.8rem}}@media (max-width: 576px){.guideray-topic-intro-sidebar{width:220px}.guideray-topic-intro-content.guideray-topic-intro-with-sidebar{margin-left:220px;padding:15px}.guideray-topic-intro-sidebar.guideray-topic-intro-open+.guideray-topic-intro-sidebar-toggle{left:230px}.guideray-topic-intro-scroll-to-top-btn{width:40px;height:40px;bottom:20px;right:20px}.guideray-topic-intro-content-header h2{font-size:1.5rem}.guideray-topic-intro-content-header h3{font-size:1.2rem}.guideray-topic-intro-section-nav{gap:6px}.guideray-topic-intro-section-nav-btn{padding:5px 10px;font-size:.75rem}}.guideray-student-dashboard-container{background-color:#fff;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;width:calc(100vw - 235px)}.guideray-student-dashboard-dark{background-color:#000;color:#e2e8f0}.guideray-student-dashboard-light{background-color:#fff;color:#1e293b}.guideray-student-dashboard-main{min-height:100vh;display:flex;overflow:hidden;flex-direction:column}.guideray-student-dashboard-content{display:flex;flex-direction:column;min-width:calc(100vw - 243px);max-width:calc(100vw - 243px);transition:all .3s cubic-bezier(.4,0,.2,1);box-sizing:border-box;overflow:hidden;background-color:#f6f6fc;max-height:100vh;gap:0px;padding:4px}.guideray-student-dashboard-right-column-main{min-width:calc(100% - 10px);max-width:calc(100% - 10px);display:flex;gap:10px;flex-direction:row;justify-content:space-between;height:81vh;flex:1;padding:0 5px}.guideray-student-dashboard-left-column{display:flex;flex-direction:row;justify-content:space-between;min-width:72%;max-width:72%;align-items:center;height:100vh}.guideray-student-dashboard-left-column11{overflow:auto;height:100vh;width:52%;flex-grow:1}.guideray-student-dashboard-left-column11::-webkit-scrollbar{display:none}.guideray-student-dashboard-left-content{display:flex;flex-direction:column;flex:1;gap:20px;min-width:0;overflow:hidden}.guideray-student-dashboard-banner-container{height:120px;min-width:53%;max-width:53%;background:transparent;border:3px solid rgb(233,233,233);border-radius:18px;background-color:#0027a6b9;display:flex;align-items:center;justify-content:space-between;color:#fff;font-family:Poppins,sans-serif;overflow:hidden;position:relative;padding:0 40px}.guideray-student-dashboard-banner-content{display:flex;align-items:center;gap:35px;z-index:2}.guideray-student-dashboard-banner-image{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25))}.guideray-student-dashboard-banner-text{display:flex;flex-direction:column}.guideray-student-dashboard-banner-title{font-size:1.3rem;font-weight:800;margin:0;letter-spacing:.5px;color:#fff}.guideray-student-dashboard-banner-subtitle{font-size:.8rem;font-weight:500;margin:10px 0 0;opacity:.95;text-shadow:0 2px 4px rgba(0,0,0,.2)}.guideray-student-dashboard-banner-decoration{display:flex;flex-direction:column;gap:15px;z-index:2}.guideray-student-dashboard-banner-dot{width:6px;height:6px;border-radius:50%;background-color:#fff6}.guideray-student-dashboard-bottom-section{max-width:100%;min-width:100%;max-height:none;min-height:125px;max-height:125px;display:flex;flex-direction:row;overflow:hidden;gap:7px;justify-content:space-between;align-items:flex-start;padding-left:10px}.guideray-student-dashboard-right-column{display:flex;flex-direction:column;gap:10px;min-width:26%;max-width:26%;border:3px solid #f4f4f4;background-color:#fff;border-radius:10px;overflow-y:auto;padding:15px;box-sizing:content-box}.guideray-student-dashboard-calendar-container,.guideray-student-dashboard-progress-container{background-color:#fff;border-radius:12px}.guideray-student-dashboard-dark .guideray-student-dashboard-calendar-container,.guideray-student-dashboard-dark .guideray-student-dashboard-progress-container{background-color:#2d3748}.guideray-student-dashboard-calendar-container{display:flex;flex-direction:column}.guideray-student-dashboard-progress-container{min-height:200px;display:flex;flex-direction:column;gap:20px}@media (max-width: 1200px){.guideray-student-dashboard-right-column{width:350px;min-width:280px}}@media (max-width: 992px){.guideray-student-dashboard-content{flex-direction:column;height:auto;max-height:none}.guideray-student-dashboard-right-column{width:100%;height:auto;flex-direction:row;min-width:100%;margin-top:20px}.guideray-student-dashboard-calendar-container,.guideray-student-dashboard-progress-container{flex:1}}@media (max-width: 768px){.guideray-student-dashboard-right-column{flex-direction:column}.guideray-student-dashboard-progress-container{height:auto}}@media (max-width: 576px){.guideray-student-dashboard-content,.guideray-student-dashboard-calendar-container,.guideray-student-dashboard-progress-container{padding:15px}}.guideray-student-dashboard-auth-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0077ff2d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000}.guideray-student-dashboard-left-column-inner1{display:flex;flex-direction:column;justify-content:flex-start!important;padding-top:6px;gap:14px;min-width:30%;align-items:center;height:81vh}.guideray-student-dashboard-left-column-inner1>*{margin:0!important}.guideray-student-dashboard-auth-popup{position:relative;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:90%;max-width:600px;max-height:85vh;overflow:hidden;padding:30px;animation:fadeIn .3s ease-out}.guideray-student-dashboard-dark .guideray-student-dashboard-auth-popup{background-color:#2d3748;color:#fff}.guideray-student-dashboard-header-container{display:flex;flex-direction:column;background-color:#0027a6b9;border-radius:16px;padding:20px;height:120px;width:38%;position:relative;z-index:10}.guideray-student-dashboard-header-main-section{flex:.8;display:flex;align-items:center}.guideray-student-dashboard-header-controls-section{display:flex;flex-direction:column;justify-content:center;height:120px;flex:1;align-items:center;background-color:#0027a6b9;gap:5px;border-radius:10px}.guideray-student-dashboard-profile-section{display:flex;align-items:center;gap:20px;width:100%}.guideray-student-dashboard-profile-image-container{position:relative}.guideray-student-dashboard-profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #4dabf7;box-shadow:0 4px 12px #4dabf74d}.guideray-student-dashboard-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;border:3px solid #4dabf7}.guideray-student-dashboard-profile-details{flex:1}.guideray-student-dashboard-profile-name{margin:0 0 6px;font-size:18px;font-weight:600;color:#fdfdfd;text-align:left}.guideray-student-dashboard-profile-email{margin:0 0 4px;font-size:14px;color:#fffc;white-space:nowrap;overflow:hidden;text-align:left;text-overflow:ellipsis}.guideray-student-dashboard-profile-id{margin:0;font-size:13px;color:#ffffffb3;border-radius:12px;text-align:left}.guideray-student-dashboard-toggle-container{display:flex;flex-direction:row;justify-content:center;align-items:center}.guideray-student-dashboard-theme-toggle{width:44px;height:44px;border-radius:20px;border:none;cursor:pointer;position:fixed;padding:0;background-color:#2c3e501e;transition:background-color .3s ease}.guideray-student-dashboard-theme-toggle.guideray-student-dashboard-light{background-color:#f8f9fa26}.guideray-student-dashboard-toggle-track{width:100%;height:100%;position:relative}.guideray-student-dashboard-toggle-thumb{position:absolute;width:40px;height:40px;border-radius:100%;background-color:#4dabf700;top:2px;left:2px;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.guideray-student-dashboard-theme-toggle.guideray-student-dashboard-dark .guideray-student-dashboard-toggle-thumb{transform:translate(0);background-color:#4a55681f}.guideray-student-dashboard-notification-container{position:relative}.guideray-student-dashboard-notification-bell:hover{background-color:#fff3}.guideray-student-dashboard-notification-container{position:relative;display:inline-block}.guideray-student-dashboard-notification-bell{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.guideray-student-dashboard-notification-bell:hover{background-color:#0003}.guideray-student-dashboard-notification-bell.guideray-student-dashboard-active{background-color:#4dabf7}.guideray-student-dashboard-notification-icon{color:#fff}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-icon{color:#e2e8f0}.guideray-student-dashboard-notification-badge{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background-color:#ff6b6b;border:2px solid #010044}.guideray-student-dashboard-notification-dropdown{position:fixed;top:10vw;right:7vw;width:320px;max-height:400px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;z-index:100000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.175,.885,.32,1.175)}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-dropdown{background-color:#2d3748;border:1px solid #4a5568}.guideray-student-dashboard-notification-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.guideray-student-dashboard-dropdown-header{padding:16px 20px;border-bottom:1px solid #f1f3f5;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.guideray-student-dashboard-dark .guideray-student-dashboard-dropdown-header{background-color:#1a202c;border-bottom:1px solid #4a5568}.guideray-student-dashboard-dropdown-title{margin:0;font-size:15px;font-weight:600;color:#343a40}.guideray-student-dashboard-dark .guideray-student-dashboard-dropdown-title{color:#e2e8f0}.guideray-student-dashboard-mark-all-read{font-size:13px;color:#4dabf7;cursor:pointer;font-weight:500;transition:color .2s ease}.guideray-student-dashboard-mark-all-read:hover{color:#339af0}.guideray-student-dashboard-notification-list{max-height:300px;overflow-y:auto}.guideray-student-dashboard-notification-item{padding:14px 20px;display:flex;align-items:flex-start;border-bottom:1px solid #f1f3f5;transition:background-color .2s ease;cursor:pointer}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-item{border-bottom:1px solid #4a5568}.guideray-student-dashboard-notification-item:last-child{border-bottom:none}.guideray-student-dashboard-notification-item:hover{background-color:#f8f9fa}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-item:hover{background-color:#1a202c}.guideray-student-dashboard-notification-item.guideray-student-dashboard-unread{background-color:#f8fafd}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-item.guideray-student-dashboard-unread{background-color:#1a202c}.guideray-student-dashboard-notification-dot{width:10px;height:10px;border-radius:50%;background-color:#4dabf7;margin-right:14px;margin-top:6px;flex-shrink:0}.guideray-student-dashboard-notification-item.guideray-student-dashboard-read .guideray-student-dashboard-notification-dot{visibility:hidden}.guideray-student-dashboard-notification-content{flex-grow:1}.guideray-student-dashboard-notification-message{margin:0 0 6px;font-size:14px;line-height:1.4;color:#343a40}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-message{color:#e2e8f0}.guideray-student-dashboard-notification-time{font-size:12px;color:#868e96;font-weight:400}.guideray-student-dashboard-dark .guideray-student-dashboard-notification-time{color:#a0aec0}.guideray-student-dashboard-dropdown-footer{padding:14px 20px;text-align:center;font-size:14px;color:#4dabf7;cursor:pointer;border-top:1px solid #f1f3f5;font-weight:500;transition:background-color .2s ease;background-color:#f8f9fa}.guideray-student-dashboard-dark .guideray-student-dashboard-dropdown-footer{background-color:#1a202c;border-top:1px solid #4a5568}.guideray-student-dashboard-dropdown-footer:hover{background-color:#f1f3f5}.guideray-student-dashboard-dark .guideray-student-dashboard-dropdown-footer:hover{background-color:#2d3748}.guideray-student-dashboard-settings-container{position:relative;display:inline-block}.guideray-student-dashboard-settings-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.guideray-student-dashboard-settings-icon:hover{background-color:#0003}.guideray-student-dashboard-settings-icon.guideray-student-dashboard-active{background-color:#4dabf7}.guideray-student-dashboard-settings-dropdown{position:fixed;top:3vh;right:12vw;width:200px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;z-index:1000;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.175,.885,.32,1.175);overflow:hidden}.guideray-student-dashboard-dark .guideray-student-dashboard-settings-dropdown{background-color:#2d3748;border:1px solid #4a5568}.guideray-student-dashboard-settings-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.guideray-student-dashboard-settings-item{padding:12px 20px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background-color .2s ease}.guideray-student-dashboard-settings-item:hover{background-color:#f8f9fa}.guideray-student-dashboard-dark .guideray-student-dashboard-settings-item:hover{background-color:#1a202c}.guideray-student-dashboard-settings-item-icon{font-size:16px}.guideray-student-dashboard-settings-item-text{font-size:14px;color:#343a40}.guideray-student-dashboard-dark .guideray-student-dashboard-settings-item-text{color:#e2e8f0}.guideray-student-dashboard-settings-divider{height:1px;background-color:#f1f3f5;margin:0}.guideray-student-dashboard-dark .guideray-student-dashboard-settings-divider{background-color:#4a5568}.guideray-student-streak-card{max-width:100%;min-width:100%;border-radius:16px;padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;flex-direction:column;background-color:#fff0;color:#333;position:relative;height:auto;overflow-y:visible}.guideray-student-streak-card.loading{background-color:#f5f5f5}.guideray-student-streak-card.loading.dark{background-color:#2d3748}.guideray-student-streak-loader{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.guideray-student-streak-spinner{width:40px;height:40px;border:4px solid rgba(58,94,255,.2);border-radius:50%;border-top-color:#3a5eff;animation:spin 1s linear infinite}.guideray-student-streak-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.guideray-student-streak-card h3{margin:0;font-size:.9rem;font-weight:600;color:#333;letter-spacing:.5px}.guideray-student-streak-tabs{display:flex;flex-direction:row;justify-content:space-around;align-items:center;min-width:100%;border-radius:6px;gap:10px;padding:2px;margin-top:20px;background:#f5f5f5}.guideray-student-streak-tabs button{border:none;padding:8px 12px;font-size:.7rem;font-weight:500;border-radius:10px;background:transparent;color:#666;cursor:pointer;transition:all .2s ease}.guideray-student-streak-tabs button.active{background:#3a5eff;color:#fff;box-shadow:0 2px 8px #3a5eff33}.guideray-student-streak-overview{display:flex;flex-direction:column;gap:10px}.guideray-student-streak-score{text-align:center;padding:1rem;background:#f9f9f9;border-radius:12px;border:1px solid #f0f0f0}.guideray-student-streak-score-value{font-size:1.8rem;font-weight:700;color:#3a5eff;line-height:1;letter-spacing:-.5px}.guideray-student-streak-score-label{font-size:.65rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.guideray-student-streak-indicators{display:flex;justify-content:space-around;gap:.5rem}.guideray-student-streak-indicator{display:flex;align-items:center;gap:8px;padding:10px;border-radius:8px;background:#f5f5f5;flex:1;transition:all .2s;border:1px solid #f0f0f0}.guideray-student-streak-indicator:hover{background:#f0f0f0}.guideray-student-streak-flame,.guideray-student-streak-trophy{font-size:1.2rem;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.guideray-student-streak-flame{background:#ffa5001a;color:orange}.guideray-student-streak-trophy{background:#4bc0c01a;color:#4bc0c0}.guideray-student-streak-count{font-size:.8rem;font-weight:600;color:#333}.guideray-student-streak-label{font-size:.6rem;color:#999;text-transform:uppercase;letter-spacing:.5px}.guideray-student-milestones{padding-top:1rem;border-top:1px solid #f0f0f0}.guideray-student-milestones h4{font-size:.75rem;color:#666;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.guideray-student-milestone-container{display:flex;flex-direction:column;gap:.75rem}.guideray-student-milestone{background:#f9f9f9;border-radius:8px;padding:.75rem;border-left:3px solid #3a5eff;border:1px solid #f0f0f0}.guideray-student-milestone-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.guideray-student-milestone-icon{font-size:1rem;color:#3a5eff}.guideray-student-milestone-title{font-size:.75rem;font-weight:600;color:#333}.guideray-student-milestone-progress{height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:6px}.guideray-student-milestone-progress-bar{height:100%;background:linear-gradient(90deg,#3a5eff,#6a8cff);border-radius:3px;transition:width .5s ease}.guideray-student-milestone-details{display:flex;justify-content:space-between;font-size:.65rem;color:#999}.guideray-student-courses-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.guideray-student-courses-modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto;padding:1.5rem;color:#333;box-shadow:0 10px 25px #0000001a;border:1px solid #e0e0e0}.guideray-student-courses-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #f0f0f0}.guideray-student-courses-modal-header h4{margin:0;font-size:.9rem;font-weight:600;color:#333}.guideray-student-courses-modal-close{border:none;background:none;color:#999;font-size:1rem;cursor:pointer;padding:4px;transition:all .2s}.guideray-student-courses-modal-close:hover{color:#333}.guideray-student-courses-list{display:flex;flex-direction:column;gap:.8rem}.guideray-student-course-item{padding:.8rem;border-radius:8px;background:#f9f9f9;transition:all .2s;border:1px solid #f0f0f0}.guideray-student-course-item:hover{background:#f5f5f5}.guideray-student-course-name{font-weight:600;font-size:.8rem;margin-bottom:4px;color:#333}.guideray-student-course-score{font-size:.9rem;font-weight:700;color:#3a5eff;margin-bottom:6px}.guideray-student-course-details{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:.65rem}.guideray-student-course-details div{display:flex;flex-direction:column}.guideray-student-course-details span{font-size:.55rem;color:#999;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.guideray-performance-chart{padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 2px 10px #0000000d;border:1px solid #e0e0e0;margin-top:1rem}.guideray-performance-chart-graph{margin-top:15px;height:300px;display:flex;align-items:center;justify-content:center}.guideray-performance-chart-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;border-radius:8px;color:#999;font-size:.8rem;border:1px dashed #e0e0e0}.guideray-student-performance-button{background:#3a5eff1a;border:1px solid rgba(58,94,255,.3);padding:8px 15px;border-radius:6px;cursor:pointer;font-weight:500;color:#3a5eff;transition:all .2s;margin-left:10px;font-size:.7rem}.guideray-student-performance-button:hover{background-color:#3a5eff33}.guideray-student-performance-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.guideray-student-performance-modal-content{background-color:#fff;border-radius:12px;width:80%;max-width:800px;max-height:90vh;overflow-y:auto;padding:20px;box-shadow:0 5px 20px #0000001a;border:1px solid #e0e0e0;color:#333}.guideray-student-performance-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.guideray-student-performance-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#999;transition:color .2s}.guideray-student-performance-modal-close:hover{color:#333}.guideray-student-streak-loading,.guideray-student-streak-error{display:flex;justify-content:center;align-items:center;height:200px;color:#666;font-size:14px;background:#f9f9f9;border-radius:8px;margin-top:1rem;border:1px solid #f0f0f0}.guideray-student-streak-card.dark{background-color:#1a202c;color:#f7fafc}.guideray-student-streak-card.dark h3,.guideray-student-streak-card.dark .guideray-student-streak-count,.guideray-student-streak-card.dark .guideray-student-streak-title,.guideray-student-streak-card.dark .guideray-student-course-name{color:#f7fafc}.guideray-student-streak-card.dark .guideray-student-streak-tabs{background:#2d3748}.guideray-student-streak-card.dark .guideray-student-streak-tabs button{color:#a0aec0}.guideray-student-streak-card.dark .guideray-student-streak-score,.guideray-student-streak-card.dark .guideray-student-streak-indicator,.guideray-student-streak-card.dark .guideray-student-milestone,.guideray-student-streak-card.dark .guideray-student-course-item{background:#2d3748;border-color:#4a5568}.guideray-student-streak-card.dark .guideray-student-streak-milestone-progress{background:#4a5568}.guideray-student-performance-chart{background:var(--chart-bg);border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;box-shadow:var(--chart-shadow);transition:all .3s ease;max-height:400px}.guideray-student-performance-chart.light{--chart-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #6d28d9;--chart-shadow: 0 4px 20px rgba(0, 0, 0, .05);--range-btn-bg: #f1f5f9;--range-btn-active: #6d28d9;--stat-bg: #f8fafc}.guideray-student-performance-chart.dark{--chart-bg: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-color: #8b5cf6;--chart-shadow: 0 4px 20px rgba(0, 0, 0, .2);--range-btn-bg: #334155;--range-btn-active: #8b5cf6;--stat-bg: #0f172a}.guideray-student-performance-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.guideray-student-performance-chart-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.guideray-student-performance-chart-range-selector{display:flex;gap:.5rem;background:var(--range-btn-bg);border-radius:10px;padding:.25rem}.guideray-student-performance-chart-range-btn{border:none;padding:.375rem .75rem;border-radius:8px;font-size:.7rem;font-weight:500;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-transform:capitalize}.guideray-student-performance-chart-range-btn.active{background:var(--range-btn-active);color:#fff;box-shadow:0 2px 6px #0000001a}.guideray-student-performance-chart-container{height:220px;margin:.5rem 0;position:relative}.guideray-student-performance-chart-footer{margin-top:.75rem}.guideray-student-performance-chart-stats{display:flex;gap:1rem;justify-content:space-between}.guideray-student-performance-chart-stat{flex:1;background:var(--stat-bg);border-radius:10px;padding:.75rem;display:flex;flex-direction:column;align-items:center}.guideray-student-performance-chart-stat .label{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.guideray-student-performance-chart-stat .value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.guideray-student-performance-chart-stat .positive{color:#10b981}.guideray-student-performance-chart-stat .negative{color:#ef4444}.guideray-student-performance-chart-container canvas{transition:transform .3s ease}.guideray-student-performance-chart-container:hover canvas{transform:scale(1.01)}.chartjs-tooltip{box-shadow:var(--chart-shadow);border-radius:8px!important;opacity:1!important}.chartjs-tooltip-body{margin:.5rem 0}.chartjs-tooltip-body-item{display:flex;align-items:center}.chartjs-tooltip-body-item span:first-child{font-weight:600;margin-right:.5rem}.chartjs-tooltip-footer{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-style:italic}@keyframes barAnimation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.guideray-student-performance-chart.light{--border-color: #e5e7eb}.guideray-student-performance-chart.dark{--border-color: #475569}.guderay-progress-calendar-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;max-width:22vw;min-width:22vw;margin:0 auto;min-height:400px;display:flex;flex-direction:column;background-color:#fff;border-radius:12px;overflow:hidden;color:#333;border:3px solid #f4f4f4}.guderay-progress-calendar{flex:1;display:flex;flex-direction:column;padding:12px;transition:all .3s ease}.guderay-progress-month-header,.guderay-progress-year-header{display:flex;align-items:center;justify-content:space-between;height:40px;margin-bottom:8px;padding:0 4px;border-bottom:1px solid #f0f0f0}.guderay-progress-month-title,.guderay-progress-year-title{margin:0;font-size:14px;font-weight:600;color:#333;cursor:pointer;transition:all .2s;padding:6px 12px;border-radius:6px;letter-spacing:.2px}.guderay-progress-month-title:hover,.guderay-progress-year-title:hover{color:#3a5eff;background-color:#3a5eff1a}.guderay-progress-nav-button{background:#f5f5f5;border:none;font-size:14px;color:#666;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.guderay-progress-nav-button:hover{color:#333;background:#e0e0e0;transform:translateY(-1px)}.guderay-progress-nav-button:disabled,.guderay-progress-nav-disabled{color:#ccc!important;cursor:not-allowed;background-color:transparent!important}.guderay-progress-weekdays{display:grid;grid-template-columns:repeat(7,1fr);height:24px;margin-bottom:4px;text-align:center}.guderay-progress-weekday{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.3px;padding:2px 0}.guderay-progress-days-grid{flex:1;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);gap:4px}.guderay-progress-day{width:32px;height:32px;margin:auto auto 8px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.guderay-progress-day:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;opacity:0;transition:opacity .2s}.guderay-progress-day:hover{transform:scale(1.05);z-index:1}.guderay-progress-day:hover:before{opacity:1}.guderay-progress-completed{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}.guderay-progress-incomplete{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.1)}.guderay-progress-future{background:#f5f5f5;color:#999}.guderay-progress-today{background:#3a5eff1a;color:#3a5eff;box-shadow:0 0 0 1px #3a5eff,0 2px 8px #3a5eff1a;font-weight:600;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3a5eff33}70%{box-shadow:0 0 0 4px #3a5eff00}to{box-shadow:0 0 #3a5eff00}}.guderay-progress-empty-day{width:32px;height:32px;margin:0 auto}.guderay-progress-year-view{flex:1;display:flex;flex-direction:column;padding:8px 2px}.guderay-progress-months-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px}.guderay-progress-month-cell{display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:12px;color:#333;background:#f5f5f5;position:relative;overflow:hidden}.guderay-progress-month-cell:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;opacity:0;transition:opacity .2s}.guderay-progress-month-cell:hover{background:#3a5eff1a;transform:translateY(-1px)}.guderay-progress-month-cell:hover:before{opacity:1}.guderay-progress-current-month{background:#3a5eff33;font-weight:600;color:#3a5eff}.guderay-progress-future-month{background:#f9f9f9;color:#ccc;cursor:not-allowed}.guderay-progress-legend{display:flex;flex-direction:row;gap:1px;justify-content:center;font-size:11px;background:#f9f9f9;padding:8px;border-radius:8px;margin-top:auto;border:1px solid #f0f0f0}.guderay-progress-legend-item{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:4px;transition:all .2s;color:#666}.guderay-progress-legend-item:hover{background:#f0f0f0}.guderay-progress-legend-color{width:12px;height:12px;border-radius:3px}.guderay-progress-legend-color.completed{background:linear-gradient(135deg,#2ecc71,#27ae60)}.guderay-progress-legend-color.incomplete{background:linear-gradient(135deg,#e74c3c,#c0392b)}.guderay-progress-legend-color.future{background:#e0e0e0}.guderay-progress-legend-color.today{background:#3a5eff99;box-shadow:0 0 0 1px #3a5eff}.guderay-progress-loading,.guderay-progress-error{display:flex;justify-content:center;align-items:center;height:100%;color:#666;font-size:14px;background:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.guideray-student-auth-container{display:flex;justify-content:center;align-items:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.guideray-student-auth-card{background:#fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:600px;padding:30px;text-align:center;transition:all .3s ease}.guideray-student-auth-title{color:#2c3e50;margin-bottom:24px;font-weight:600;font-size:24px}.guideray-student-auth-status-container{margin:20px 0;min-height:120px;display:flex;align-items:center;justify-content:center}.guideray-student-auth-status{padding:16px;border-radius:8px;margin:10px 0;font-size:16px;transition:all .3s ease}.guideray-student-auth-status-message{display:flex;align-items:center;justify-content:center;gap:10px}.guideray-student-auth-status-waiting{background-color:#e3f2fd;color:#1976d2;border-left:4px solid #1976d2}.guideray-student-auth-status-processing{background-color:#fff8e1;color:#ff8f00;border-left:4px solid #ff8f00}.guideray-student-auth-status-success{background-color:#e8f5e9;color:#388e3c;border-left:4px solid #388e3c}.guideray-student-auth-status-error{background-color:#ffebee;color:#d32f2f;border-left:4px solid #d32f2f;display:flex;flex-direction:column;gap:12px}.guideray-student-auth-flow{display:flex;flex-direction:column;gap:20px}.guideray-student-auth-video-container{position:relative;width:380px;height:220px;border-radius:12px;overflow:hidden;background-color:#f0f0f0;box-shadow:inset 0 0 10px #0000001a}.guideray-student-auth-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.guideray-student-auth-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000004d;display:flex;justify-content:center;align-items:center}.guideray-student-auth-progress-container{margin:10px 0}.guideray-student-auth-progress-bar{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:8px}.guideray-student-auth-progress{height:100%;transition:width .3s ease,background-color .3s ease}.guideray-student-auth-countdown{font-size:14px;color:#555;display:flex;align-items:center;justify-content:center;gap:5px}.guideray-student-auth-countdown-icon{font-size:16px}.guideray-student-auth-button-group{display:flex;gap:15px;justify-content:center;margin-top:15px}.guideray-student-auth-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.guideray-student-auth-primary-button{background-color:#4285f4;color:#fff}.guideray-student-auth-primary-button:hover{background-color:#3367d6;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.guideray-student-auth-secondary-button{background-color:#f1f3f4;color:#3c4043}.guideray-student-auth-secondary-button:hover{background-color:#e0e0e0;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.guideray-student-auth-retry-button{background-color:#fbbc05;color:#202124;padding:10px 20px;font-size:14px;align-self:center}.guideray-student-auth-retry-button:hover{background-color:#f9ab00}.guideray-student-auth-button-disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.guideray-student-auth-loader{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:guideray-student-auth-spin 1s ease-in-out infinite}.guideray-student-auth-video-loader{width:50px;height:50px;border:5px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:guideray-student-auth-spin 1s ease-in-out infinite}@keyframes guideray-student-auth-spin{to{transform:rotate(360deg)}}.GuideRayStudentLivePrograms-container{width:100%;min-width:19.8vw;max-width:19.8vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0 auto}.GuideRayStudentLivePrograms-slider-container{width:100%;position:relative;border-radius:16px;overflow:hidden}.GuideRayStudentLivePrograms-slide{outline:none;height:190px}.GuideRayStudentLivePrograms-card{display:flex;height:190px;width:100%;border-radius:16px;overflow:hidden;position:relative;color:#fff}.GuideRayStudentLivePrograms-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.GuideRayStudentLivePrograms-image{width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.GuideRayStudentLivePrograms-color-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:#8000ff}.GuideRayStudentLivePrograms-content{position:relative;z-index:3;padding:16px;display:flex;flex-direction:column;width:100%;height:100%}.GuideRayStudentLivePrograms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.GuideRayStudentLivePrograms-category{background:#0000004d;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.GuideRayStudentLivePrograms-status{display:flex;align-items:center}.GuideRayStudentLivePrograms-live-tag{background:#fffffff2;color:#000;padding:4px 10px 4px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;box-shadow:0 2px 4px #0000001a}.GuideRayStudentLivePrograms-live-dot{display:inline-block;width:6px;height:6px;background:#000;border-radius:50%;margin-right:6px}.GuideRayStudentLivePrograms-time{background:#0000004d;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.GuideRayStudentLivePrograms-text-content-out{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1}.GuideRayStudentLivePrograms-text-content{flex:1;display:flex;flex-direction:column;justify-content:center;margin-right:10px}.GuideRayStudentLivePrograms-program-title{margin:0 0 8px;color:#fff;font-size:18px;font-weight:800;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.4);text-align:left}.GuideRayStudentLivePrograms-description{margin:0 0 8px;color:#fffffff2;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.3)}.GuideRayStudentLivePrograms-instructor{margin:0;color:#ffffffe6;font-size:12px;text-shadow:0 1px 1px rgba(0,0,0,.2);text-align:left}.GuideRayStudentLivePrograms-instructor span{color:#fff;font-weight:600}.GuideRayStudentLivePrograms-action-section{display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:flex-end;min-width:100px}.GuideRayStudentLivePrograms-timer{color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.GuideRayStudentLivePrograms-timer-icon{width:14px;height:14px;fill:#fff;margin-right:6px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.GuideRayStudentLivePrograms-action-button{display:flex;justify-content:flex-end}.GuideRayStudentLivePrograms-register-button,.GuideRayStudentLivePrograms-registered-button,.GuideRayStudentLivePrograms-join-button{border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 8px #00000026;height:36px;white-space:nowrap}.GuideRayStudentLivePrograms-register-button{background:#fff;color:#2c3e50}.GuideRayStudentLivePrograms-register-button:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 12px #0003}.GuideRayStudentLivePrograms-registered-button{background:#ffffff26;color:#fff;cursor:not-allowed;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.GuideRayStudentLivePrograms-join-button{background:#fff;color:#000}.GuideRayStudentLivePrograms-join-button:hover{transform:translateY(-2px)}.GuideRayStudentLivePrograms-play-icon,.GuideRayStudentLivePrograms-check-icon{width:14px;height:14px;fill:currentColor;margin-right:6px}.GuideRayStudentLivePrograms-slider-container .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:pan-y}.GuideRayStudentLivePrograms-slider-container .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;height:190px}.GuideRayStudentLivePrograms-slider-container .slick-track{position:relative;top:0;left:0;display:flex;height:190px}.GuideRayStudentLivePrograms-slider-container .slick-slide{float:none;height:190px;min-height:1px}.GuideRayStudentLivePrograms-slider-container .slick-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex!important;justify-content:center;padding:0;margin:0;list-style:none}.GuideRayStudentLivePrograms-slider-container .slick-dots li{margin:0 3px}.GuideRayStudentLivePrograms-slider-container .slick-dots li button{width:8px;height:8px;padding:0;border-radius:50%;background:#ffffff80;border:none;font-size:0;transition:all .3s ease}.GuideRayStudentLivePrograms-slider-container .slick-dots li.slick-active button{background:#fff;width:20px;border-radius:6px}.GuideRayStudentLivePrograms-slider-container .slick-slide{transition:opacity .5s ease;opacity:0}.GuideRayStudentLivePrograms-slider-container .slick-slide.slick-active{opacity:1}@media (max-width: 480px){.GuideRayStudentLivePrograms-container{max-width:100%;padding:0 10px}.GuideRayStudentLivePrograms-slide,.GuideRayStudentLivePrograms-card{height:220px}.GuideRayStudentLivePrograms-content{padding:12px}.GuideRayStudentLivePrograms-program-title{font-size:16px}.GuideRayStudentLivePrograms-description{font-size:11px}.GuideRayStudentLivePrograms-register-button,.GuideRayStudentLivePrograms-registered-button,.GuideRayStudentLivePrograms-join-button{padding:6px 12px;font-size:11px;height:32px}}.gscp-container{margin:0 auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:80vh;overflow:auto;border-radius:12px;width:100%;max-width:1200px;display:flex;flex-direction:column;position:relative;padding-left:10px}.gscp-loading-state{display:flex;justify-content:center;align-items:center;min-height:300px}.gscp-loader{border:5px solid #f3f3f3;border-top:5px solid #3d5afe;border-radius:50%;width:50px;height:50px;animation:gscp-spin 1s linear infinite}@keyframes gscp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gscp-main-title{font-size:1.5rem;margin-bottom:1.2rem;color:#1a237e;font-weight:700;text-align:center;position:relative;padding-bottom:.6rem}.gscp-main-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(to right,#3d5afe,#1a237e);border-radius:3px}.gscp-course-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-top:10px}.gscp-course-tabs::-webkit-scrollbar{height:5px}.gscp-course-tabs::-webkit-scrollbar-track{background:#e8eaf6;border-radius:8px}.gscp-course-tabs::-webkit-scrollbar-thumb{background-color:#7986cb;border-radius:8px;border:2px solid #e8eaf6}.gscp-course-tab{padding:10px 20px;background-color:#e8eaf6;border:none;border-radius:6px;cursor:pointer;font-weight:600;color:#3d5afe;white-space:nowrap;transition:all .3s ease;font-size:.85rem;box-shadow:0 2px 4px #0000000d}.gscp-course-tab:hover{background-color:#d1d9ff;transform:translateY(-2px)}.gscp-course-tab.active{background-color:#3d5afe;color:#fff;box-shadow:0 3px 6px #3d5afe33}.gscp-course-content{border-radius:12px}.gscp-course-header{margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #e8eaf6}.gscp-course-header h3{font-size:1.3rem;color:#283593;margin:0}.gscp-course-parts-container{display:flex;flex-direction:column;gap:25px}.gscp-course-part{background:linear-gradient(90deg,#0486ff91,#8480fe60 50%);border-radius:30px;padding-top:10px;margin-top:10px;box-shadow:0 2px 8px #0000000d}.gscp-part-header{padding:16px;border-radius:8px 8px 0 0;margin-bottom:0}.gscp-part-header-content{display:flex;justify-content:space-between;align-items:center;height:45px;gap:12px}.gscp-part-title{font-size:1.1rem;color:#000;margin:0;font-weight:600}.gscp-part-progress-container{display:flex;align-items:center;gap:12px}.gscp-part-progress-text{font-size:.8rem;color:#000;font-weight:500}.gscp-progress-bar{width:120px;height:6px;background-color:#0000004d;border-radius:3px;overflow:hidden}.gscp-progress-fill{height:100%;background-color:#fff;border-radius:3px;transition:width .5s ease}.gscp-topics-container{padding:20px;position:relative;border:1px solid rgba(232,232,232,0);border-top:none;border-radius:30px;background-color:#fff}.gscp-topic-item{margin-bottom:20px;position:relative;padding-left:24px}.gscp-topic-header{display:flex;align-items:flex-start;margin-bottom:8px;position:relative}.gscp-topic-marker{position:absolute;left:0;top:0;height:calc(100% + 20px);display:flex;flex-direction:column;margin-top:10px;align-items:center}.gscp-marker-dot{width:18px;height:18px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #3d5afe;z-index:2;position:relative;background-color:#e0e0e0}.gscp-marker-dot.not-started{background-color:#e0e0e0}.gscp-marker-dot.video-completed{background-color:#3d5afe}.gscp-marker-dot.mcq-completed,.gscp-marker-dot.coding-completed{background-color:#ff8f00}.gscp-marker-dot.completed{background-color:#009b08}.gscp-marker-line{position:absolute;left:8px;top:18px;bottom:0;width:2px;background-color:#e0e0e0;z-index:1}.gscp-topic-item:last-child .gscp-marker-line{display:none}.gscp-topic-content{flex:1;padding-bottom:20px;padding-left:40px}.gscp-topic-title{font-size:.95rem;color:#1a237e;font-weight:600;margin:0;cursor:pointer;transition:color .3s ease;padding:6px 0;display:flex;align-items:center;gap:6px}.gscp-topic-title:hover{color:#3d5afe}.gscp-topic-title.not-started{color:#9e9e9e}.gscp-topic-title.video-completed{color:#1565c0}.gscp-topic-title.mcq-completed{color:#2e7d32}.gscp-topic-title.coding-completed{color:#ff8f00}.gscp-topic-title.completed{color:#2e7d32}.gscp-topic-steps{display:flex;flex-direction:column;gap:8px;padding-left:16px;margin-top:12px}.gscp-step{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#546e7a;padding:6px 10px;border-radius:5px;cursor:pointer;transition:all .2s ease}.gscp-step:hover{background-color:#f5f5f5}.gscp-step.completed{color:#2e7d32;background-color:#fff0}.gscp-status-icon{font-size:1.1rem;min-width:16px}.gscp-status-icon.completed{color:#2e7d32}.gscp-status-icon.pending{color:#9e9e9e;font-size:.9rem}.gscp-error-message,.gscp-empty-message{text-align:center;padding:1.5rem;background-color:#fff;border-radius:10px;box-shadow:0 3px 10px #00000014;margin:1.2rem 0;font-size:.85rem;color:#546e7a;border:1px solid #eceff1}.gscp-error-message{color:#d32f2f;background:linear-gradient(to right,#ffebee,#fff);border-left:3px solid #f44336}.gscp-empty-message{background:linear-gradient(to right,#e8f5e9,#fff);border-left:3px solid #4caf50}@media (max-width: 768px){.gscp-main-title{font-size:1.3rem}.gscp-course-header h3{font-size:1.1rem}.gscp-part-header-content{flex-direction:column;align-items:flex-start}.gscp-part-progress-container{width:100%}.gscp-progress-bar{flex:1}.gscp-topic-steps{flex-direction:column}.gscp-topics-container{padding-left:12px}.gscp-topic-marker{left:-12px}}@media (max-width: 480px){.gscp-course-tabs{gap:4px}.gscp-course-tab{padding:6px 10px;font-size:.75rem}.gscp-main-title{font-size:1.1rem}.gscp-course-content{padding:12px}.gscp-part-title{font-size:.95rem}.gscp-topic-title{font-size:.85rem}.gscp-part-progress-text{font-size:.75rem}.gscp-progress-bar{width:80px}.gscp-topic-item{padding-left:20px}.gscp-topic-marker{left:-10px}.gscp-marker-dot{width:16px;height:16px}.gscp-marker-line{left:7px;top:16px}}.guideray-student-navbar{width:240px;height:100vh;position:fixed;top:0;left:0;z-index:1000;background:#000f54;color:#fff;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 15px #0000001a;border-right:1px solid rgba(255,255,255,.1);border-top-right-radius:20px;border-bottom-right-radius:20px;transform:translate(0)}.guideray-student-navbar.collapsed{width:80px}.guideray-student-navbar.dark{background:linear-gradient(180deg,#0f172a,#020617)}.guideray-student-navbar-loading-container{position:absolute;top:0;left:0;width:100%;height:3px;background-color:#ffffff1a;overflow:hidden;z-index:1001}.guideray-student-navbar-loading-progress{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);width:0;transition:width .3s ease-out}.guideray-student-navbar-loading-complete{background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease-out,background-color .5s ease-out}.guideray-student-navbar-container{display:flex;flex-direction:column;height:100%;padding-bottom:20px;position:relative}.guideray-student-navbar-header{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#02003e;border-bottom:1px solid rgba(255,255,255,.1);position:relative;border-top-right-radius:20px;margin-bottom:10px}.guideray-student-navbar-logo{display:flex;align-items:center;justify-content:flex-start;gap:12px;cursor:pointer;width:100%;transition:all .3s ease}.guideray-student-navbar-logo:hover{opacity:.9}.guideray-student-navbar-logo-image{height:46px;width:auto;object-fit:contain;transition:all .3s ease}.guideray-student-navbar-logo-text{font-size:20px;font-weight:700;color:#fff;transition:all .3s ease;background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.guideray-student-navbar.collapsed .guideray-student-navbar-logo-text{opacity:0;width:0;margin-left:0}.guideray-student-navbar-toggle{position:absolute;top:30px;right:-15px;width:30px;height:30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;box-shadow:0 2px 10px #0003;color:#000154;transition:all .3s ease;z-index:1001;padding:0}.guideray-student-navbar-toggle:hover{transform:scale(1.1);box-shadow:0 4px 12px #00000040}.guideray-toggle-icon{transition:all .2s ease}.guideray-student-navbar-nav{flex:1;display:flex;flex-direction:column;padding:20px 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.guideray-student-navbar-nav::-webkit-scrollbar{width:6px}.guideray-student-navbar-nav::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:3px}.guideray-student-navbar-nav::-webkit-scrollbar-track{background:transparent}.guideray-student-navbar-nav-item{display:flex;align-items:center;padding:12px 20px;margin:4px 10px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);color:#fffc;position:relative;-webkit-user-select:none;user-select:none}.guideray-student-navbar-nav-item:hover:not(.active){background:#ffffff14;transform:translate(2px);color:#fff}.guideray-student-navbar-nav-item.active{background:#6366f133;color:#fff;font-weight:500}.guideray-student-navbar-nav-item.active:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:#6366f1;border-radius:8px 0 0 8px}.guideray-nav-icon{transition:all .2s ease}.guideray-student-navbar-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.guideray-student-navbar-nav-label{margin-left:12px;white-space:nowrap;transition:all .3s ease;font-size:14px}.guideray-nav-item-indicator{position:absolute;right:16px;width:6px;height:6px;background:#fff;border-radius:50%;opacity:.8}.guideray-student-navbar.collapsed .guideray-student-navbar-nav-label{opacity:0;width:0;margin-left:0}.guideray-student-navbar.collapsed .guideray-student-navbar-nav-item{justify-content:center;padding:12px 0;margin:4px 0}.guideray-student-navbar.collapsed .guideray-student-navbar-nav-item.active:before{width:3px;left:0}.guideray-nav-item-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background:#1a1b4b;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;margin-left:10px;box-shadow:2px 2px 10px #0003;pointer-events:none;opacity:0;transition:all .2s ease;z-index:1000}.guideray-student-navbar.collapsed .guideray-student-navbar-nav-item:hover .guideray-nav-item-tooltip{opacity:1;margin-left:15px}.guideray-student-navbar-footer{padding:20px 10px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}.guideray-student-navbar-action-group{position:relative}.guideray-student-navbar-theme-toggle{width:100%;height:40px;border-radius:8px;background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;padding:0 15px;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.guideray-student-navbar-theme-toggle:hover{background:#ffffff26}.guideray-student-navbar-theme-toggle.active{background:#fff3}.guideray-student-navbar-toggle-circle{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#fff,#f0f0f0);display:flex;align-items:center;justify-content:center;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);left:8px;box-shadow:0 2px 8px #0000001a}.guideray-theme-icon{transition:all .2s ease}.guideray-student-navbar-theme-label{margin-left:40px;font-size:14px;white-space:nowrap;transition:all .3s ease}.guideray-student-navbar.collapsed .guideray-student-navbar-theme-label{opacity:0;width:0}.guideray-student-navbar-notification-bell{width:100%;height:40px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;padding:0 15px;cursor:pointer;transition:all .3s ease;position:relative;color:#fff;-webkit-user-select:none;user-select:none}.guideray-student-navbar-notification-bell:hover{background:#ffffff26}.guideray-notification-bell-container{position:relative;display:flex;align-items:center}.guideray-notification-icon{transition:all .2s ease;color:#fffc}.guideray-student-navbar-notification-bell:hover .guideray-notification-icon{color:#fff;transform:scale(1.05)}.guideray-student-navbar-notification-text{margin-left:15px;font-size:14px;white-space:nowrap;transition:all .3s ease}.guideray-student-navbar.collapsed .guideray-student-navbar-notification-text{opacity:0;width:0}.guideray-student-navbar-notification-badge{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#ef4444;border:2px solid #1a1b4b;animation:guideray-pulse 2s infinite}.guideray-student-navbar.collapsed .guideray-student-navbar-notification-badge{right:5px;top:5px}@keyframes guideray-pulse{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 4px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.guideray-student-navbar-notification-dropdown{position:absolute;bottom:100%;left:10px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;width:320px;z-index:1000;animation:guideray-fadeInUp .25s cubic-bezier(.4,0,.2,1);margin-bottom:10px;overflow:hidden;transform-origin:bottom left;border:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.guideray-student-navbar-dropdown-header{padding:16px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.guideray-dropdown-header-title{margin:0;font-size:14px;font-weight:600;color:#333}.guideray-student-navbar-mark-all-read{font-size:12px;color:#3b82f6;cursor:pointer;transition:all .2s ease;font-weight:500}.guideray-student-navbar-mark-all-read:hover{color:#2563eb;text-decoration:underline}.guideray-student-navbar-notification-list{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e5e7eb #f9fafb}.guideray-student-navbar-notification-list::-webkit-scrollbar{width:6px}.guideray-student-navbar-notification-list::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:3px}.guideray-student-navbar-notification-list::-webkit-scrollbar-track{background:#f9fafb}.guideray-student-navbar-notification-item{padding:12px 16px;display:flex;align-items:flex-start;gap:12px;transition:all .2s ease;border-bottom:1px solid #f3f4f6;cursor:pointer}.guideray-student-navbar-notification-item:hover{background:#f9fafb}.guideray-student-navbar-notification-item.unread{background:#3b82f608}.guideray-student-navbar-notification-icon-container{flex-shrink:0;margin-top:2px}.guideray-notification-icon{font-size:18px}.guideray-student-navbar-notification-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;margin-top:6px;flex-shrink:0;opacity:0;transition:opacity .2s ease}.guideray-student-navbar-notification-item.unread .guideray-student-navbar-notification-dot{opacity:1}.guideray-student-navbar-notification-content{flex:1;min-width:0}.guideray-student-navbar-notification-message{margin:0;font-size:13px;color:#333;line-height:1.4}.guideray-student-navbar-notification-time{display:block;font-size:11px;color:#6b7280;margin-top:4px}.guideray-student-navbar-dropdown-footer{padding:12px 16px;text-align:center;font-size:13px;color:#3b82f6;cursor:pointer;transition:all .2s ease;border-top:1px solid #f3f4f6;font-weight:500}.guideray-student-navbar-dropdown-footer:hover{background:#f9fafb;color:#2563eb}.guideray-student-navbar-profile{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#ffffff1a;-webkit-user-select:none;user-select:none}.guideray-logout-item{color:#ef4444;position:relative}.guideray-logout-item:hover{color:#dc2626;background:#ef44440d}.guideray-logout-arrow{margin-left:auto;font-size:14px;opacity:0;transition:all .2s ease}.guideray-logout-item:hover .guideray-logout-arrow{opacity:1;transform:translate(4px)}@keyframes guideray-fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guideray-student-navbar.dark .guideray-student-navbar-notification-dropdown,.guideray-student-navbar.dark .guideray-student-navbar-profile-dropdown{background:#1e293b;border-color:#ffffff1a}.guideray-student-navbar.dark .guideray-dropdown-header-title{color:#f8fafc}.guideray-student-navbar.dark .guideray-student-navbar-dropdown-header,.guideray-student-navbar.dark .guideray-student-navbar-notification-item{border-bottom-color:#ffffff1a}.guideray-student-navbar.dark .guideray-student-navbar-notification-item:hover,.guideray-student-navbar.dark .guideray-student-navbar-dropdown-item:hover{background:#ffffff0d}.guideray-student-navbar.dark .guideray-student-navbar-notification-message{color:#e2e8f0}.guideray-student-navbar.dark .guideray-student-navbar-notification-time{color:#94a3b8}.guideray-student-navbar.dark .guideray-student-navbar-dropdown-item{color:#cbd5e1}.guideray-student-navbar.dark .guideray-student-navbar-dropdown-item:hover{color:#fff}.guideray-student-navbar.dark .guideray-student-navbar-dropdown-divider{background:#ffffff1a}@media (max-width: 768px){.guideray-student-navbar{transform:translate(-100%);width:280px}.guideray-student-navbar.collapsed{transform:translate(-100%)}.guideray-student-navbar.show-mobile{transform:translate(0)}.guideray-student-navbar-notification-dropdown,.guideray-student-navbar-profile-dropdown{left:auto;right:10px;transform-origin:bottom right}}@keyframes guideray-tooltipFade{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.guideray-mobile-menu-toggle{display:none;position:fixed;top:15px;left:15px;z-index:1100;background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-radius:8px;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.guideray-mobile-menu-toggle:hover{background:#ffffff4d}.guideray-mobile-menu-icon{color:#fff;font-size:20px}@media (max-width: 768px){.guideray-mobile-menu-toggle{display:flex}}.guideray-navbar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.guideray-navbar-overlay.active{opacity:1;pointer-events:all}.guideray-student-dashboard-sidebar{width:240px;background:#000f54;color:#fff;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.32,.72,0,1);z-index:1000;height:100vh;position:fixed;overflow:visible;border-top-right-radius:20px;border-bottom-right-radius:20px;will-change:transform,width}.guideray-sidebar-icon img{min-height:45px;max-height:45px}.guideray-sidebar-icon{display:flex;border-top-right-radius:20px;flex-direction:row;justify-content:flex-start;align-items:center;padding-top:20px;padding-bottom:20px;padding-left:20px;background-color:#02003e;margin-bottom:10px}.guideray-student-dashboard-sidebar.collapsed{width:72px;transition:all .4s cubic-bezier(.32,.72,0,1)}.guideray-student-dashboard-menu{list-style:none;padding:0;margin:0;flex:1}.guideray-student-dashboard-menu-item{margin-bottom:4px;position:relative}.guideray-student-dashboard-menu-link{display:flex;align-items:center;padding:12px 20px;color:#ffffffd9;text-decoration:none;transition:padding .3s ease-out,background-color .2s ease,color .2s ease;position:relative;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden;border-radius:6px;margin:0 8px}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-menu-link{justify-content:center;padding:12px 0;transition:padding .3s ease-out .1s,background-color .2s ease,color .2s ease}.guideray-student-dashboard-menu-link:hover{background:#ffffff1a;color:#fff}.guideray-student-dashboard-menu-link.active{background:#ffffff26;color:#fff}.guideray-student-dashboard-menu-icon{margin-right:12px;font-size:18px;transition:transform .2s ease;flex-shrink:0}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-menu-icon{margin-right:0;font-size:20px}.guideray-student-dashboard-menu-text{transition:opacity .2s ease-out .1s,width 0s linear .3s}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-menu-text{opacity:0;width:0;position:absolute;transition:opacity .1s ease-out,width 0s linear .2s}.guideray-student-dashboard-menu-item .tooltip{position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#090745;color:#fff;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s;box-shadow:0 4px 12px #00000026;z-index:1100;visibility:hidden;min-width:max-content}.guideray-student-dashboard-menu-item .tooltip:after{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #090745}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-menu-item:hover .tooltip{opacity:1;visibility:visible;transition:opacity .2s ease .1s}.guideray-student-dashboard-menu-badge{background:#ff4757;color:#fff;border-radius:10px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;position:absolute;right:20px;animation:pulse 2s infinite}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-menu-badge{right:13px;top:4px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.guideray-student-dashboard-logout-btn{display:flex;align-items:center;padding:12px 20px;background:#ffffff14;border:none;color:#ffffffd9;cursor:pointer;width:calc(100% - 16px);margin:8px;border-radius:6px;transition:all .3s ease;font-weight:500;font-size:14px;white-space:nowrap;overflow:hidden}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-logout-btn{justify-content:center;padding:12px 0;width:calc(100% - 16px);margin:8px}.guideray-student-dashboard-logout-btn:hover{background:#ffffff26;color:#fff}.guideray-student-dashboard-logout-icon{margin-right:12px;font-size:18px;transition:transform .3s ease;flex-shrink:0}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-logout-icon{margin-right:0;font-size:20px}.guideray-student-dashboard-logout-text{transition:opacity .2s ease}.guideray-student-dashboard-sidebar.collapsed .guideray-student-dashboard-logout-text{opacity:0;width:0;position:absolute}.guideray-student-dashboard-sidebar.collapsed~.guideray-student-dashboard-content-area{margin-left:240px}.guideray-student-navbar-profile-container{position:relative;margin-top:10px}.guideray-student-navbar-profile{display:flex;align-items:center;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#ffffff1a;-webkit-user-select:none;user-select:none;margin:10px}.guideray-student-navbar-profile:hover{background:#ffffff26}.guideray-student-navbar-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;object-fit:cover}.guideray-avatar-fallback{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.guideray-student-navbar-profile-info{margin-left:12px;transition:all .3s ease;overflow:hidden}.guideray-student-navbar-profile-name{display:block;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideray-student-navbar-profile-email{display:block;font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideray-student-navbar-dropdown-arrow{margin-left:auto;transition:all .3s ease;opacity:.7}.guideray-student-navbar-dropdown-arrow.open{transform:rotate(180deg);opacity:1}.guideray-student-navbar.collapsed .guideray-student-navbar-profile-info,.guideray-student-navbar.collapsed .guideray-student-navbar-dropdown-arrow{opacity:0;width:0;margin-left:0}.guideray-student-navbar-profile-dropdown{position:absolute;bottom:100%;left:10px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000026;width:280px;z-index:100001;animation:guideray-fadeInUp .25s cubic-bezier(.4,0,.2,1);margin-bottom:10px;overflow:hidden;transform-origin:bottom left;border:1px solid rgba(0,0,0,.05)}.guideray-student-navbar-profile-header{padding:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;gap:12px}.guideray-student-navbar-avatar-wrapper{position:relative}.guideray-student-navbar-profile-image{width:50px;height:50px;border-radius:50%;border:2px solid white;object-fit:cover}.guideray-premium-badge{position:absolute;bottom:-4px;right:-4px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;border:2px solid white}.guideray-premium-icon{font-size:10px;color:#fff}.guideray-student-navbar-profile-details{flex:1;min-width:0}.guideray-student-navbar-user-name{margin:0 0 4px;font-size:16px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideray-premium-tag{font-size:10px;background:#fff3;padding:2px 6px;border-radius:10px;font-weight:700;text-transform:uppercase}.guideray-student-navbar-user-email{margin:0;font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideray-student-navbar-id-container{margin-top:6px;display:flex;align-items:center}.guideray-student-navbar-id-text{font-size:11px;background:#ffffff26;padding:2px 8px;border-radius:10px;font-family:monospace}.guideray-student-navbar-dropdown-menu{padding:8px 0}.guideray-student-navbar-dropdown-item{padding:10px 16px;display:flex;align-items:center;gap:12px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s ease}.guideray-student-navbar-dropdown-item:hover{background:#f9fafb;color:#111827}.guideray-student-navbar-item-icon{font-size:16px;transition:all .2s ease}.guideray-profile-icon{color:#6366f1}.guideray-settings-icon{color:#6b7280}.guideray-logout-icon{color:#ef4444}.guideray-student-navbar-dropdown-divider{height:1px;background:#f3f4f6;margin:6px 0}.guideray-student-practice-test-app-container *{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;transition:background-color .3s ease,color .3s ease}.guideray-student-practice-test-app-container{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;width:100vw;overflow:hidden}.guideray-student-practice-test-app-container.guideray-student-practice-test-dark{--guideray-primary-bg: rgb(0, 1, 48);--guideray-secondary-bg: rgb(9, 7, 69);--guideray-accent-bg-2: #000000;--guideray-accent-bg: #1E1E1E;--guideray-primary-text: #FFFFFF;--guideray-primary-text-2: #ffffff;--guideray-primary-text-3: #ffffff;--guideray-secondary-text: #B0B0B0;--guideray-accent-color: #BB86FC;--guideray-accent-hover: #9E65F3;--guideray-card-bg: #121212;--guideray-card-shadow: 0 2px 10px rgba(0, 0, 0, .3);--guideray-option-bg: #1E1E1E;--guideray-option-hover: #2D2D2D;--guideray-selected-option: #4A148C;--guideray-nav-btn-bg: #6200EE;--guideray-nav-btn-hover: #7C4DFF;--guideray-mark-btn-bg: #FF6D00;--guideray-mark-btn-hover: #FF9100;--guideray-hold-btn-bg: #424242;--guideray-hold-btn-hover: #616161;--guideray-hint-btn-bg: #018786;--guideray-hint-btn-hover: #03DAC6;--guideray-sidebar-bg: rgb(9, 7, 69);--guideray-sidebar-border: #333333;--guideray-status-answered: #4CAF50;--guideray-status-marked: #FF9800;--guideray-status-hold: #FF5722;--guideray-status-viewed: #9C27B0;--guideray-status-unseen: #FFFFFF33;--guideray-timer-color: #FFD600;--guideray-toggle-bg: #333;--guideray-toggle-circle: #BB86FC;--guideray-toggle-sun: #FFD600;--guideray-toggle-moon: #E0E0E0;--guideray-progress-bar: #6200EE}.guideray-student-practice-test-app-container.guideray-student-practice-test-light{--guideray-primary-bg: rgb(0, 1, 48);--guideray-secondary-bg: rgb(9, 7, 69);--guideray-accent-bg-2: #d4ddfa;--guideray-accent-bg: #F5F5F5;--guideray-primary-text: #ffffff;--guideray-primary-text-2: #000000;--guideray-primary-text-3: #ffffff;--guideray-secondary-text: #666666;--guideray-accent-color: #6200EE;--guideray-accent-hover: #7C4DFF;--guideray-card-bg: #FFFFFF;--guideray-card-shadow: 0 2px 6px rgba(0, 0, 0, .1);--guideray-option-bg: #F5F5F5;--guideray-option-hover: #EEEEEE;--guideray-selected-option: #00074f;--guideray-nav-btn-bg: #6200EE;--guideray-nav-btn-hover: #7C4DFF;--guideray-mark-btn-bg: #FF6D00;--guideray-mark-btn-hover: #FF9100;--guideray-hold-btn-bg: #E0E0E0;--guideray-hold-btn-hover: #BDBDBD;--guideray-hint-btn-bg: #03DAC6;--guideray-hint-btn-hover: #018786;--guideray-sidebar-bg: rgb(9, 7, 69);--guideray-sidebar-border: #E0E0E0;--guideray-status-answered: #4CAF50;--guideray-status-marked: #FF9800;--guideray-status-hold: #FF5722;--guideray-status-viewed: #9C27B0;--guideray-status-unseen: #00000011;--guideray-timer-color: #FF6D00;--guideray-toggle-bg: #E0E0E0;--guideray-toggle-circle: #6200EE;--guideray-toggle-sun: #FFD600;--guideray-toggle-moon: #424242;--guideray-progress-bar: #6200EE}.guideray-student-practice-test-navbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;background-color:var(--guideray-secondary-bg);color:var(--guideray-primary-text);box-shadow:0 1px 5px #0000001a;position:fixed;width:100vw;top:0;z-index:100;height:70px}.guideray-student-practice-test-logo img{height:35px;transition:transform .3s ease}.guideray-student-practice-test-logo img:hover{transform:scale(1.05)}.guideray-student-practice-test-exam-title{font-size:1rem;font-weight:600;color:var(--guideray-primary-text)}.guideray-student-practice-test-timer-container{display:flex;align-items:center;gap:.4rem}.guideray-student-practice-test-timer-icon{color:var(--guideray-timer-color);font-size:.9rem}.guideray-student-practice-test-timer{font-size:.9rem;font-weight:700;color:var(--guideray-timer-color)}.guideray-student-practice-test-theme-toggle-container{display:flex;align-items:center}.guideray-student-practice-test-theme-toggle{position:relative;width:50px;height:25px;border-radius:25px;background-color:var(--guideray-toggle-bg);border:none;cursor:pointer;padding:0;outline:none;transition:all .3s ease}.guideray-student-practice-test-theme-toggle.dark,.guideray-student-practice-test-theme-toggle.light{background-color:var(--guideray-toggle-bg)}.guideray-student-practice-test-toggle-switch{position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background-color:var(--guideray-toggle-circle);display:flex;align-items:center;justify-content:center;transition:all .3s ease;transform:translate(0)}.guideray-student-practice-test-theme-toggle.dark .guideray-student-practice-test-toggle-switch{transform:translate(0)}.guideray-student-practice-test-theme-toggle.light .guideray-student-practice-test-toggle-switch{transform:translate(25px)}.guideray-student-practice-test-theme-toggle .sun-icon{color:var(--guideray-toggle-sun);font-size:12px}.guideray-student-practice-test-theme-toggle .moon-icon{color:var(--guideray-toggle-moon);font-size:10px}.guideray-student-practice-test-exam-container{display:flex;flex:1;background-color:var(--guideray-accent-bg-2);color:var(--guideray-primary-text-2);height:calc(100vh - 70px);overflow:hidden}.guideray-student-practice-test-questions-sidebar{width:280px;background-color:transparent;padding:1.2rem;box-sizing:border-box;overflow-y:auto;transition:all .3s ease;position:fixed;height:100vh;right:0}.guideray-student-practice-test-questions-sidebar.guideray-student-practice-test-collapsed{width:45px;padding:.8rem .4rem}.guideray-student-practice-test-sidebar-title{font-size:1rem;margin-bottom:1.2rem;color:var(--guideray-primary-text);font-weight:600}.guideray-student-practice-test-questions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:1.5rem}.guideray-student-practice-test-question-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;position:relative;font-weight:700;transition:all .3s ease;border:1px solid transparent;color:var(--guideray-primary-text)}.guideray-student-practice-test-question-box:hover{transform:scale(1.05);box-shadow:0 2px 5px #0003}.guideray-student-practice-test-question-box.guideray-student-practice-test-active{transform:scale(1.05)}.guideray-student-practice-test-status-icon{position:absolute;bottom:1px;right:1px;display:flex}.guideray-student-practice-test-status-legend{display:flex;flex-direction:column;gap:.6rem}.guideray-student-practice-test-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:#fff!important}.guideray-student-practice-test-legend-color{width:14px;height:14px;border-radius:3px}.guideray-student-practice-test-legend-color.guideray-student-practice-test-answered{background-color:var(--guideray-status-answered)}.guideray-student-practice-test-legend-color.guideray-student-practice-test-marked{background-color:var(--guideray-status-marked)}.guideray-student-practice-test-legend-color.guideray-student-practice-test-hold{background-color:var(--guideray-status-hold)}.guideray-student-practice-test-legend-color.guideray-student-practice-test-viewed{background-color:var(--guideray-status-viewed)}.guideray-student-practice-test-legend-color.guideray-student-practice-test-unseen{background-color:var(--guideray-status-unseen);border:1px solid var(--guideray-secondary-text)}.guideray-student-practice-test-question-main{flex:1;overflow-y:auto;display:flex;justify-content:flex-start}.guideray-student-practice-test-question-container{background-color:transparent;border-radius:12px;padding:2rem;margin-left:25px;max-width:1100px;align-self:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%;height:100vh;margin-top:80px;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.guideray-student-practice-test-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:.8rem}.guideray-student-practice-test-question-header h3{font-size:1.3rem;color:var(--guideray-accent-color)}.guideray-student-practice-test-question-status{display:flex;gap:8px;flex-wrap:wrap}.guideray-student-practice-test-status-badge{padding:.4rem .8rem;border-radius:16px;font-size:.8rem;display:flex;align-items:center;gap:5px;background-color:var(--guideray-accent-bg)}.guideray-student-practice-test-status-badge.guideray-student-practice-test-answered{color:var(--guideray-status-answered)}.guideray-student-practice-test-status-badge.guideray-student-practice-test-marked{color:var(--guideray-status-marked)}.guideray-student-practice-test-status-badge.guideray-student-practice-test-hold{color:var(--guideray-status-hold)}.guideray-student-practice-test-question-text{font-size:1.1rem;margin-bottom:2rem;line-height:1.6;color:var(--guideray-primary-text-2);text-align:left}.guideray-student-practice-test-options-container{display:flex;flex-direction:column;gap:12px;margin-bottom:2rem}.guideray-student-practice-test-option{display:flex;justify-content:flex-start;align-items:center;padding:1rem 1.2rem;background-color:var(--guideray-option-bg);border-radius:10px;cursor:pointer;font-size:15px;transition:all .3s ease;text-align:left;position:relative;overflow:hidden}.guideray-student-practice-test-option:hover{background-color:var(--guideray-option-hover)}.guideray-student-practice-test-option.guideray-student-practice-test-selected{background-color:var(--guideray-selected-option);color:var(--guideray-primary-text-3)}.guideray-student-practice-test-option-letter{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background-color:var(--guideray-accent-bg);border-radius:50%;margin-right:1rem;font-size:11px;font-weight:700;flex-shrink:0;transition:all .3s ease}.guideray-student-practice-test-option.guideray-student-practice-test-selected .guideray-student-practice-test-option-letter{background-color:var(--guideray-accent-color);color:#fff}.guideray-student-practice-test-option-text{flex:1}.guideray-student-practice-test-option-check{margin-left:.8rem;color:#fff;opacity:0;transform:scale(0);transition:all .3s ease}.guideray-student-practice-test-option.guideray-student-practice-test-selected .guideray-student-practice-test-option-check{opacity:1;transform:scale(1)}.guideray-student-practice-test-question-actions{display:flex;gap:12px;margin-bottom:2rem;flex-wrap:wrap}.guideray-student-practice-test-action-btn{padding:.7rem 1.2rem;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500;transition:all .3s ease;font-size:.85rem}.guideray-student-practice-test-mark-btn{background-color:var(--guideray-mark-btn-bg);color:#fff}.guideray-student-practice-test-hold-btn{background-color:var(--guideray-hold-btn-bg);color:var(--guideray-primary-text-2)}.guideray-student-practice-test-hint-btn{background-color:var(--guideray-hint-btn-bg);color:#fff}.guideray-student-practice-test-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0003}.guideray-student-practice-test-mark-btn:hover{background-color:var(--guideray-mark-btn-hover)}.guideray-student-practice-test-hold-btn:hover{background-color:var(--guideray-hold-btn-hover)}.guideray-student-practice-test-hint-btn:hover{background-color:var(--guideray-hint-btn-hover)}.guideray-student-practice-test-navigation-buttons{display:flex;justify-content:space-between}.guideray-student-practice-test-nav-btn{padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:6px}.guideray-student-practice-test-prev-btn,.guideray-student-practice-test-next-btn{background-color:var(--guideray-nav-btn-bg);color:#fff}.guideray-student-practice-test-nav-btn:hover{background-color:var(--guideray-nav-btn-hover);transform:translateY(-1px);box-shadow:0 2px 5px #0003}.guideray-student-practice-test-nav-btn:disabled{background-color:var(--guideray-accent-bg);color:var(--guideray-secondary-text);cursor:not-allowed;transform:none;box-shadow:none}.guideray-student-practice-test-progress-container{position:fixed;bottom:0;left:0;width:100%;height:5px;background-color:var(--guideray-accent-bg);z-index:100}.guideray-student-practice-test-progress-bar{height:100%;background-color:var(--guideray-progress-bar);transition:width .5s ease}.guideray-student-practice-test-progress-text{position:absolute;right:15px;top:-18px;font-size:.7rem;color:var(--guideray-secondary-text)}.guideray-student-practice-test-linear-timer{display:flex;flex-direction:column;align-items:center;margin-top:5px;width:90px}.guideray-student-practice-test-timer-bar-container{width:90px;height:5px;background-color:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:4px}.guideray-student-practice-test-timer-bar{height:100%;transition:width 1s linear,background-color .3s ease}.guideray-student-practice-test-timer-text{font-size:12px;font-weight:700}.guideray-student-practice-test-option:focus,.guideray-student-practice-test-action-btn:focus,.guideray-student-practice-test-nav-btn:focus,.guideray-student-practice-test-theme-toggle:focus{outline:2px solid var(--guideray-accent-color);outline-offset:2px}.guideray-student-practice-test-question-box:focus{outline:2px solid var(--guideray-accent-color);outline-offset:2px}@media print{.guideray-student-practice-test-navbar,.guideray-student-practice-test-questions-sidebar,.guideray-student-practice-test-question-actions,.guideray-student-practice-test-navigation-buttons{display:none!important}.guideray-student-practice-test-question-main{padding:0!important;overflow:visible!important}.guideray-student-practice-test-question-container{box-shadow:none!important;padding:0!important;page-break-inside:avoid}.guideray-student-practice-test-app-container{background-color:#fff!important;color:#000!important}.guideray-student-practice-test-option{background-color:#fff!important;color:#000!important;border:1px solid #ddd;page-break-inside:avoid}}.guideray-student-practice-test-sidebar-inner1{box-sizing:content-box;background-color:var(--guideray-sidebar-bg);padding:15px;border-radius:8px;height:380px;margin-top:70px;overflow:auto}.guideray-student-practice-test-sidebar-inner2{background-color:var(--guideray-sidebar-bg);padding:15px;margin-top:8px;border-radius:8px}.guideray-student-practice-test-sidebar-inner1::-webkit-scrollbar{width:6px}.guideray-student-practice-test-sidebar-inner1::-webkit-scrollbar-track{background:transparent;border-radius:8px}.guideray-student-practice-test-sidebar-inner1::-webkit-scrollbar-thumb{background:#1c0068;border-radius:25px;border:1px solid #002244}.guideray-student-practice-test-sidebar-inner1::-webkit-scrollbar-thumb:hover{background:#1c0068}@media (max-width: 768px){.guideray-student-practice-test-app-container{overflow-x:hidden}.guideray-student-practice-test-progress-text{display:none}.guideray-student-practice-test-navbar{padding:.5rem;height:auto;gap:.5rem;position:fixed}.guideray-student-practice-test-logo img{height:30px;order:1}.guideray-student-practice-test-exam-info{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem 1rem}.guideray-student-practice-test-exam-title{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.guideray-student-practice-test-timer-container{gap:.3rem;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-left:30px}.guideray-student-practice-test-timer{font-size:.8rem;margin-bottom:4px}.guideray-student-practice-test-theme-toggle-container{margin-left:auto;margin-right:10px;order:3}.guideray-student-practice-test-exam-container{flex-direction:column-reverse;height:auto;min-height:calc(100vh - 70px)}.guideray-student-practice-test-questions-sidebar{width:100%;position:static;height:auto;padding:.8rem;padding-top:0;margin-top:100px}.guideray-student-practice-test-sidebar-inner1{padding:10px 10px 0;height:80px;overflow:hidden}.guideray-student-practice-test-sidebar-inner2{padding:10px;height:100px}.guideray-student-practice-test-sidebar-title{font-size:.9rem;margin-bottom:.8rem}.guideray-student-practice-test-questions-grid{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:1rem;overflow-y:hidden}.guideray-student-practice-test-questions-grid::-webkit-scrollbar{height:6px}.guideray-student-practice-test-questions-grid::-webkit-scrollbar-track{background:transparent;border-radius:8px}.guideray-student-practice-test-questions-grid::-webkit-scrollbar-thumb{background:#1c0068;border-radius:25px;border:1px solid #002244}.guideray-student-practice-test-questions-grid::-webkit-scrollbar-thumb:hover{background:#1c0068}.guideray-student-practice-test-question-box{min-width:32px!important;min-height:32px!important;font-size:.9rem}.guideray-student-practice-test-status-legend{flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem}.guideray-student-practice-test-legend-item{font-size:.7rem;gap:.3rem}.guideray-student-practice-test-question-main{padding:0;margin-top:0;height:auto}.guideray-student-practice-test-question-container{padding:1rem;margin:0 auto;width:100%;height:auto}.guideray-student-practice-test-question-header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1rem}.guideray-student-practice-test-question-header h3{font-size:1.1rem}.guideray-student-practice-test-question-status{width:100%;justify-content:flex-start;gap:.5rem}.guideray-student-practice-test-status-badge{padding:.3rem .6rem;font-size:.7rem}.guideray-student-practice-test-question-text{font-size:1rem;margin-bottom:1.5rem;line-height:1.5}.guideray-student-practice-test-options-container{gap:8px;margin-bottom:1.5rem}.guideray-student-practice-test-option{padding:1rem 1.6rem;font-size:.9rem}.guideray-student-practice-test-option-letter{width:22px;height:22px;font-size:.8rem;margin-right:.8rem}.guideray-student-practice-test-question-actions{flex-direction:row;gap:.5rem;margin-bottom:1.5rem;justify-content:space-between}.guideray-student-practice-test-action-btn{padding:.6rem;font-size:.8rem;flex:1;justify-content:center}.guideray-student-practice-test-navigation-buttons{flex-direction:row;gap:.5rem;margin-bottom:20px}.guideray-student-practice-test-nav-btn{padding:.7rem;font-size:.85rem;flex:1}.guideray-student-practice-test-linear-timer{width:70px;order:3;margin:5px auto auto 10px}.guideray-student-practice-test-timer-bar-container{width:70px;margin:auto auto 3px}}@media (max-width: 480px){.guideray-student-practice-test-questions-grid{grid-template-columns:repeat(4,1fr)}.guideray-student-practice-test-question-box{width:32px;height:32px;font-size:.8rem}.guideray-student-practice-test-question-text{font-size:.95rem}.guideray-student-practice-test-option{padding:1rem .9rem;font-size:.85rem}.guideray-student-practice-test-question-actions{flex-wrap:wrap}.guideray-student-practice-test-action-btn{min-width:calc(50% - .25rem);padding:.5rem}.guideray-student-practice-test-status-legend{justify-content:flex-start}}@media (max-width: 360px){.guideray-student-practice-test-questions-grid{grid-template-columns:repeat(3,1fr)}.guideray-student-practice-test-question-box{width:30px;height:30px}.guideray-student-practice-test-action-btn{min-width:100%}.guideray-student-practice-test-navigation-buttons{flex-direction:column}}.guideray-student-practice-test-timer-progress-container{position:fixed;top:70px;left:0;width:100%;height:4px;background-color:transparent;z-index:99}.guideray-student-practice-test-timer-progress-bar{height:100%;width:100%;background-color:var(--guideray-accent-color);transition:width 1s linear,background-color .5s ease}.guideray-student-practice-test-exam-container{margin-top:4px}.guideray-student-practice-test-linear-timer{display:none}.guideray-student-practice-test-exam-info{display:flex;flex-direction:column;align-items:center;gap:.2rem}@media (max-width: 768px){.guideray-student-practice-test-timer-progress-container{top:53px}.guideray-student-practice-test-exam-container{margin-top:0}.guideray-student-practice-test-navbar{height:auto;padding:.5rem}.guideray-student-practice-test-exam-info{order:2;width:100%;flex-direction:row;justify-content:space-between;padding:.5rem 0}}.guideray-student-practice-test-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.guideray-student-practice-test-modal{background-color:#fff;padding:20px;border-radius:8px;width:400px;max-width:90%;box-shadow:0 4px 6px #0000001a}.guideray-student-practice-test-modal h3{margin-top:0;color:#333}.guideray-student-practice-test-modal-buttons{display:flex;justify-content:flex-end;margin-top:20px;gap:10px}.guideray-student-practice-test-modal-cancel{padding:8px 16px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer}.guideray-student-practice-test-modal-submit{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.guideray-student-practice-test-success-modal{background-color:#fff;padding:30px;border-radius:8px;width:450px;max-width:90%;text-align:center}.guideray-student-practice-test-success-icon{margin-bottom:20px}.guideray-student-practice-test-continue-btn{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:20px;font-size:16px}.guideray-student-practice-test-submit-btn{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700}.guideray-student-practice-test-submit-btn:hover{background-color:#45a049}.guideray-student-practice-test-success-modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;text-align:center;position:relative;box-shadow:0 10px 30px #00000026;animation:modalFadeIn .3s ease-out}.guideray-student-practice-test-success-icon-container{margin-bottom:20px}.guideray-student-practice-test-success-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#8bc34a);box-shadow:0 4px 15px #4caf504d}.guideray-student-practice-test-success-modal h3{color:#2e7d32;margin-bottom:15px;font-size:24px}.guideray-student-practice-test-success-details{background:#f5f5f5;border-radius:8px;padding:15px;margin:20px 0;text-align:left}.guideray-student-practice-test-success-detail-item{margin:10px 0;font-size:16px}.guideray-student-practice-test-success-score{color:#2e7d32;font-weight:700}.guideray-student-practice-test-success-actions{margin-top:25px}.guideray-student-practice-test-continue-btn{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#fff;border:none;padding:12px 25px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #4caf504d}.guideray-student-practice-test-continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #4caf5066}.guideray-student-practice-test-success-celebration{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;border-radius:12px}.guideray-student-practice-test-success-celebration:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#4caf501a,#4caf5000 70%);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.8);opacity:.5}70%{transform:scale(1.2);opacity:.1}to{transform:scale(.8);opacity:0}}.guideray-student-practice-test-failure-modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;text-align:center;position:relative;box-shadow:0 10px 30px #00000026;animation:modalFadeIn .3s ease-out}.guideray-student-practice-test-failure-icon-container{margin-bottom:20px}.guideray-student-practice-test-failure-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#ffc107);box-shadow:0 4px 15px #ff98004d}.guideray-student-practice-test-failure-modal h3{color:#e65100;margin-bottom:15px;font-size:24px}.guideray-student-practice-test-failure-details{background:#f5f5f5;border-radius:8px;padding:15px;margin:20px 0;text-align:left}.guideray-student-practice-test-failure-detail-item{margin:10px 0;font-size:16px}.guideray-student-practice-test-failure-score{color:#e65100;font-weight:700}.guideray-student-practice-test-failure-actions{margin-top:25px;display:flex;justify-content:center;gap:15px}.guideray-student-practice-test-retry-btn{background:linear-gradient(135deg,#ff9800,#ffc107);color:#fff;border:none;padding:12px 25px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #ff98004d;display:flex;align-items:center;gap:8px}.guideray-student-practice-test-back-btn{background:#f5f5f5;color:#333;border:none;padding:12px 25px;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease}.guideray-student-practice-test-retry-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ff980066}.guideray-student-practice-test-back-btn:hover{background:#e0e0e0}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guideray-student-practice-test-code-display{margin:0 0 20px;box-shadow:0 2px 8px #0000001a;border:1px solid #e0e0e0;text-align:left;border-radius:20px;width:auto}.guideray-student-practice-test-dark .guideray-student-practice-test-code-display{border-color:#444}.guideray-student-practice-test-code-header{background-color:#f5f5f5;padding:8px 15px;font-weight:600;border-bottom:1px solid #e0e0e0;color:#333}.guideray-student-practice-test-dark .guideray-student-practice-test-code-header{background-color:#2d2d2d;color:#f8f8f2;border-bottom-color:#444}.guideray-student-practice-test-code-content{background-color:#f8f8f8;margin:0;padding:15px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;color:#333}.guideray-student-practice-test-dark .guideray-student-practice-test-code-content{background-color:#1e1e1e;color:#d4d4d4}.guideray-student-practice-test-code-content code{font-family:inherit;white-space:pre}.guideray-sidebar-container{position:fixed;left:0;width:280px;height:100vh;background:#04145a;color:#fff;box-shadow:5px 0 15px #0000004d;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:1000;overflow-y:auto}.guideray-sidebar-container.loading,.guideray-sidebar-container.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:#4dabf7;animation:spin 1s ease-in-out infinite;margin-bottom:20px}.error-message{color:#ff6b6b;padding:20px;text-align:center;font-size:.9rem;line-height:1.5}.guideray-sidebar-header{display:flex;padding:10px 10px 10px 4px;flex-direction:column;justify-content:flex-start;align-items:flex-start;background-color:#02003e;border-bottom:1px solid rgba(255,255,255,.1)}.guideray-sidebar-logo-container{width:180px;display:flex;padding:10px 10px 10px 0;align-items:center;justify-content:center}.guideray-sidebar-logo{width:90%;height:90%;margin-left:50px;object-fit:contain}.guideray-sidebar-title{font-size:1rem;font-weight:700;letter-spacing:.5px;text-align:center;color:#fff;margin:0 0 15px 20px;line-height:1.3;text-shadow:0 2px 4px rgba(0,0,0,.2);border-left:3px solid #0029f5;padding-left:10px}.guideray-sidebar-subtitle{display:block;font-size:.75rem;font-weight:400;margin-top:6px;opacity:.8;letter-spacing:.5px;color:#cbd5e1}.guideray-sidebar-streak{display:flex;align-items:center;margin-top:15px;padding:8px 16px;background:linear-gradient(90deg,#ff6b6b26,#ff4d4d1a);border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,107,107,.2)}.guideray-sidebar-streak-icon{color:#ff6b6b;margin-right:8px;font-size:.9rem}.guideray-sidebar-progress-summary{display:flex;justify-content:space-between;padding:15px 25px;margin:15px;border-radius:12px;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.progress-summary-item{display:flex;flex-direction:column;align-items:center;flex:1}.progress-count{font-size:1.2rem;font-weight:700;margin-bottom:4px}.progress-label{font-size:.65rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.progress-summary-item.completed .progress-count{color:#10b981}.progress-summary-item.in-progress .progress-count{color:#f59f00}.progress-summary-item.not-started .progress-count{color:#94a3b8}.guideray-sidebar-concepts{flex:1;overflow-y:auto;padding:15px 0}.guideray-sidebar-concept{margin-bottom:12px}.guideray-sidebar-concept-header{display:flex;align-items:center;padding:14px 20px;cursor:pointer;transition:all .2s ease;font-weight:600;position:relative;margin:8px 15px;border-radius:8px}.guideray-sidebar-concept-header.active{background:#4dabf71a}.guideray-sidebar-chevron{margin-right:12px;font-size:.9rem;color:#fffc;transition:all .2s ease;min-width:14px}.guideray-sidebar-concept-header.active .guideray-sidebar-chevron{color:#4dabf7}.guideray-sidebar-concept-title{flex:1;font-size:.95rem;font-weight:600}.guideray-sidebar-concept-count{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;min-width:45px;text-align:center;background:#ffffff1a}.guideray-sidebar-timeline-section{position:relative;padding:10px 15px 10px 60px;margin-left:0}.guideray-sidebar-timeline-line{position:absolute;left:42px;top:0;bottom:0;width:2px;background:#4dabf7;z-index:1}.guideray-sidebar-timeline-item{display:flex;flex-direction:column;margin-bottom:16px;position:relative;z-index:2}.guideray-sidebar-timeline-item.completed .guideray-sidebar-timeline-line{background:linear-gradient(to bottom,transparent 0%,#10b981 20%,#10b981 80%,transparent 100%)}.guideray-sidebar-timeline-item.locked{opacity:1}.guideray-sidebar-timeline-marker{position:absolute;left:-30px;top:6px;width:20px;height:20px;display:flex;flex-direction:column;align-items:center;background:#04145a;justify-content:center;border-radius:20px;box-sizing:content-box;padding:3px;z-index:2}.progress-icon{font-size:1.5rem;margin-bottom:2px}.progress-icon-1{font-size:1rem;margin-bottom:2px}.progress-text{font-size:.65rem;font-weight:600;color:#cbd5e1;margin-top:2px}.guideray-sidebar-timeline-content{padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-right:15px}.guideray-sidebar-timeline-content:hover{background:#ffffff14;transform:translate(3px)}.guideray-sidebar-timeline-content.active{background:#4dabf71a;box-shadow:0 2px 8px #4dabf733}.guideray-sidebar-timeline-topic{font-size:.8rem;font-weight:500;flex:1;color:#fff}.guideray-sidebar-timeline-lock{margin-left:10px;font-size:.8rem;color:#fff6}.guideray-sidebar-topic-badges{display:flex;gap:8px;margin-left:12px}.guideray-sidebar-badge{font-size:.65rem;padding:4px 8px;border-radius:4px;display:flex;align-items:center;background:#ffffff1a;box-shadow:0 1px 2px #0000001a}.guideray-sidebar-badge svg{margin-right:3px;font-size:.75rem}.guideray-sidebar-badge.video{color:#ff4d4d;background:#ff4d4d1a}.guideray-sidebar-badge.mcq{color:#f59f00;background:#f59f001a}.guideray-sidebar-badge.coding{color:#1dd1a1;background:#1dd1a11a}.guideray-sidebar-footer{padding:18px 20px;border-top:1px solid rgba(255,255,255,.1);background:#0f172acc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guideray-sidebar-progress-container{width:100%}.guideray-sidebar-progress-text{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:10px;color:#e2e8f0;font-weight:500}.guideray-sidebar-progress-text span:last-child{font-weight:600;color:#fff}.guideray-sidebar-progress{display:flex;align-items:center;gap:10px}.guideray-sidebar-progress-bar{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.guideray-sidebar-progress-fill{height:100%;border-radius:4px;transition:all .5s ease;background:linear-gradient(90deg,#4dabf7,#1dd1a1)}.guideray-sidebar-container::-webkit-scrollbar{width:6px}.guideray-sidebar-container::-webkit-scrollbar-track{background:#0f172a80}.guideray-sidebar-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.guideray-sidebar-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes pulse{0%{box-shadow:0 0 #4dabf766}70%{box-shadow:0 0 0 6px #4dabf700}to{box-shadow:0 0 #4dabf700}}.guideray-sidebar-timeline-content.active{animation:pulse 1.5s infinite}.guidedVideoRecommendation-container{max-width:100%;margin:0 auto;background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;font-family:Inter,sans-serif}.guidedVideoRecommendation-container.dark-mode{background-color:#1e293b;color:#f8fafc}.guidedVideoRecommendation-header{padding:1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.guidedVideoRecommendation-title{margin:0;font-size:1.5rem;font-weight:600}.guidedVideoRecommendation-subtitle{margin:.5rem 0 0;font-size:1rem;opacity:.9}.guidedVideoRecommendation-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.guidedVideoRecommendation-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.guidedVideoRecommendation-video{width:100%;height:100%}.guidedVideoRecommendation-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#000000b3}.guidedVideoRecommendation-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#6366f1;animation:spin 1s linear infinite}.guidedVideoRecommendation-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;cursor:pointer;display:flex;align-items:center;justify-content:center}.guidedVideoRecommendation-thumbnail-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.guidedVideoRecommendation-thumbnail-placeholder p{margin-top:8px;font-size:14px}.guidedVideoRecommendation-play-button{width:100px;height:100px;border-radius:50%;background-color:red;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}.guidedVideoRecommendation-play-button:hover{transform:scale(1.1)}.guidedVideoRecommendation-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:1rem;opacity:0;transition:opacity .3s}.guidedVideoRecommendation-controls.visible{opacity:1}.guidedVideoRecommendation-progress{height:6px;background-color:#fff3;border-radius:3px;margin-bottom:1rem;cursor:pointer}.guidedVideoRecommendation-progress-filled{height:100%;background-color:#6366f1;border-radius:3px;position:relative}.guidedVideoRecommendation-controls-bottom{display:flex;justify-content:space-between;align-items:center}.guidedVideoRecommendation-controls-left,.guidedVideoRecommendation-controls-right{display:flex;align-items:center;gap:.5rem}.guidedVideoRecommendation-control-button{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.5rem;border-radius:4px}.guidedVideoRecommendation-control-button:hover{background-color:#ffffff1a}.guidedVideoRecommendation-volume{display:flex;align-items:center;gap:.5rem}.guidedVideoRecommendation-volume input[type=range]{width:80px;height:4px;-webkit-appearance:none;background-color:#fff3;border-radius:2px}.guidedVideoRecommendation-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background-color:#6366f1;border-radius:50%;cursor:pointer}.guidedVideoRecommendation-time{font-size:.9rem;color:#fff;opacity:.8}.guidedVideoRecommendation-playback-rate{position:relative}.guidedVideoRecommendation-playback-menu{position:absolute;bottom:100%;right:0;background-color:#1e293b;border-radius:6px;padding:.5rem;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:.25rem;min-width:80px}.guidedVideoRecommendation-playback-menu button{background:none;border:none;color:#f8fafc;padding:.5rem;border-radius:4px;cursor:pointer;text-align:left}.guidedVideoRecommendation-playback-menu button:hover{background-color:#334155}.guidedVideoRecommendation-playback-menu button.active{background-color:#6366f1;color:#fff}.guidedVideoRecommendation-mark-read-container{display:flex;justify-content:flex-end;margin:16px}.guidedVideoRecommendation-mark-read-button{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-size:14px;color:#999;border:none;background:transparent;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .3s ease;position:relative;text-align:right}.guidedVideoRecommendation-mark-read-button:hover:not(:disabled){background-color:#007bff1a;color:#007bff}.guidedVideoRecommendation-mark-read-button.completed{color:#007bff;cursor:default}.guidedVideoRecommendation-mark-read-button:disabled{opacity:.7;cursor:not-allowed}.guidedVideoRecommendation-mark-read-circle{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.guidedVideoRecommendation-mark-read-button.completed .guidedVideoRecommendation-mark-read-circle{background-color:#007bff;border-color:#007bff;color:#fff}.guidedVideoRecommendation-mark-read-button:hover:not(:disabled) .guidedVideoRecommendation-mark-read-circle{border-color:#007bff}.guidedVideoRecommendation-check-icon{stroke-width:3px;font-size:10px}.guidedVideoRecommendation-mark-read-button:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.guidedVideoRecommendation-mark-read-button:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 5px)}.guidedVideoRecommendation-credits{padding:0 1rem 1rem;font-size:.8rem;color:#64748b;text-align:right}.dark-mode .guidedVideoRecommendation-credits{color:#94a3b8}.guidedVideoRecommendation-disclaimer{padding:1rem;font-size:.8rem;color:#64748b;text-align:center;border-top:1px solid #e2e8f0}.dark-mode .guidedVideoRecommendation-disclaimer{color:#94a3b8;border-top-color:#334155}.guidedVideoRecommendation-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;max-width:100%;margin:0;border-radius:0;z-index:9999}.guidedVideoRecommendation-container.fullscreen .guidedVideoRecommendation-video-container{height:100%;padding-bottom:0}@media (max-width: 768px){.guidedVideoRecommendation-mark-read-container{justify-content:center}.guidedVideoRecommendation-mark-read-button{font-size:13px;padding:6px 10px}}.GuideRayCodingPracticeComponent-container{max-width:1200px;margin:0 auto 50px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a202c}.GuideRayCodingPracticeComponent-loading{text-align:center;padding:2rem;color:#4b5563}.GuideRayCodingPracticeComponent-header{margin-bottom:1.5rem;text-align:center}.GuideRayCodingPracticeComponent-title{font-size:1.8rem;font-weight:700;margin-bottom:.5rem;color:#2d3748;display:flex;align-items:center;justify-content:center;gap:.5rem}.GuideRayCodingPracticeComponent-title-icon{color:#4f46e5}.GuideRayCodingPracticeComponent-description{font-size:1rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.6}.GuideRayCodingPracticeComponent-progress-container{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;background:#f8fafc;padding:.8rem 1.2rem;border-radius:8px;border:1px solid #e2e8f0}.GuideRayCodingPracticeComponent-progress-bar{flex-grow:1;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.GuideRayCodingPracticeComponent-progress-fill{height:100%;background:#4f46e5;transition:width .3s ease}.GuideRayCodingPracticeComponent-progress-text{font-weight:600;color:#4b5563;min-width:80px}.GuideRayCodingPracticeComponent-completed-badge{display:flex;align-items:center;gap:.3rem;background:#10b981;color:#fff;padding:.3rem .8rem;border-radius:9999px;font-size:.8rem;font-weight:500}.GuideRayCodingPracticeComponent-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.GuideRayCodingPracticeComponent-table{width:100%;border-collapse:collapse;font-size:.9rem}.GuideRayCodingPracticeComponent-table th{padding:.8rem 1rem;background-color:#f9fafb;color:#4b5563;font-weight:600;text-align:left;border-bottom:1px solid #e5e7eb}.GuideRayCodingPracticeComponent-header-icon{margin-right:.4rem;vertical-align:middle}.GuideRayCodingPracticeComponent-row{transition:all .2s ease;cursor:pointer}.GuideRayCodingPracticeComponent-row:hover{background-color:#f8fafc}.GuideRayCodingPracticeComponent-table td{padding:.8rem 1rem;border-bottom:1px solid #e5e7eb;vertical-align:middle}.GuideRayCodingPracticeComponent-status-indicator{width:10px;height:10px;border-radius:50%;background-color:#e5e7eb;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.GuideRayCodingPracticeComponent-status-indicator.completed{background-color:#10b981;border-color:#10b981;color:#fff}.GuideRayCodingPracticeComponent-row:hover .GuideRayCodingPracticeComponent-status-indicator{background-color:#4f46e5;transform:scale(1.2)}.GuideRayCodingPracticeComponent-problem-title{font-weight:600;color:#1f2937;transition:color .2s ease;display:flex;align-items:center}.GuideRayCodingPracticeComponent-row:hover .GuideRayCodingPracticeComponent-problem-title{color:#4f46e5}.GuideRayCodingPracticeComponent-problem-tags{display:flex;gap:.4rem;margin-top:.4rem;flex-wrap:wrap;align-items:center}.GuideRayCodingPracticeComponent-tag-icon{color:#6b7280;font-size:.8rem}.GuideRayCodingPracticeComponent-tag{background-color:#e0e7ff;color:#4f46e5;padding:.2rem .6rem;border-radius:9999px;font-size:.7rem;font-weight:500;transition:all .2s ease}.GuideRayCodingPracticeComponent-row:hover .GuideRayCodingPracticeComponent-tag{background-color:#4f46e5;color:#fff}.GuideRayCodingPracticeComponent-difficulty-cell{font-weight:600;text-transform:capitalize}.GuideRayCodingPracticeComponent-difficulty-easy{color:#10b981}.GuideRayCodingPracticeComponent-difficulty-medium{color:#f59e0b}.GuideRayCodingPracticeComponent-difficulty-hard{color:#ef4444}.GuideRayCodingPracticeComponent-acceptance-cell{color:#6b7280}.GuideRayCodingPracticeComponent-solve-btn{background-color:#4f46e5;color:#fff;border:none;padding:.4rem .8rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.8rem;box-shadow:0 1px 3px #4f46e533;display:flex;align-items:center;gap:.3rem}.GuideRayCodingPracticeComponent-solve-btn:hover{background-color:#4338ca;transform:translateY(-1px)}.GuideRayCodingPracticeComponent-arrow-icon{transition:transform .2s ease}.GuideRayCodingPracticeComponent-solve-btn:hover .GuideRayCodingPracticeComponent-arrow-icon{transform:translate(2px)}.GuideRayCodingPracticeComponent-row.completed{background-color:#f0fdf4}.GuideRayCodingPracticeComponent-row.completed:hover{background-color:#dcfce7}.GuideRayCodingPracticeComponent-row.completed .GuideRayCodingPracticeComponent-status-indicator{background-color:#10b981;border-color:#10b981;color:#fff}.GuideRayCodingPracticeComponent-row.completed .GuideRayCodingPracticeComponent-problem-title{color:#10b981}.GuideRayCodingPracticeComponent-completed-icon{margin-left:.5rem;color:#10b981}.GuideRayCodingPracticeComponent-mark-read-container{display:flex;justify-content:flex-end;margin-top:1.5rem}.GuideRayCodingPracticeComponent-mark-read-button{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:14px;color:#999;border:none;background:transparent;cursor:pointer;padding:8px 12px;border-radius:20px;transition:all .3s ease;position:relative}.GuideRayCodingPracticeComponent-mark-read-button:hover:not(:disabled){background-color:#4f46e51a;color:#007bff}.GuideRayCodingPracticeComponent-mark-read-button.completed{color:#007bff;cursor:default}.GuideRayCodingPracticeComponent-mark-read-button:disabled{opacity:.7;cursor:not-allowed}.GuideRayCodingPracticeComponent-mark-read-circle{width:18px;height:18px;border-radius:50%;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.GuideRayCodingPracticeComponent-mark-read-button.completed .GuideRayCodingPracticeComponent-mark-read-circle{background-color:#007bff;border-color:#007bff;color:#fff}.GuideRayCodingPracticeComponent-mark-read-button:hover:not(:disabled) .GuideRayCodingPracticeComponent-mark-read-circle{border-color:#007bff}.GuideRayCodingPracticeComponent-mark-read-circle .check-icon{stroke-width:3px;font-size:10px}.GuideRayCodingPracticeComponent-mark-read-button:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.GuideRayCodingPracticeComponent-mark-read-button:hover:after{opacity:1;visibility:visible;bottom:calc(100% + 5px)}@media (max-width: 768px){.GuideRayCodingPracticeComponent-container{padding:1rem}.GuideRayCodingPracticeComponent-title{font-size:1.5rem}.GuideRayCodingPracticeComponent-description{font-size:.9rem}.GuideRayCodingPracticeComponent-table th,.GuideRayCodingPracticeComponent-table td{padding:.6rem}.GuideRayCodingPracticeComponent-difficulty-cell,.GuideRayCodingPracticeComponent-acceptance-cell{display:none}}@media (max-width: 480px){.GuideRayCodingPracticeComponent-progress-container{flex-direction:column;align-items:flex-start;gap:.5rem}.GuideRayCodingPracticeComponent-progress-bar{width:100%}.GuideRayCodingPracticeComponent-problem-tags{display:none}.GuideRayCodingPracticeComponent-solve-btn{padding:.3rem .6rem;font-size:.7rem}}.locked-topic-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 20px #0000000d;min-height:300px}.locked-icon{color:#9ca3af;margin-bottom:1.5rem}.locked-title{font-size:1.5rem;color:#1f2937;margin-bottom:.75rem;font-weight:600}.locked-message{font-size:1rem;color:#6b7280;max-width:400px;line-height:1.5}.locked-topic-container.dark{background-color:#2e2e3a}.locked-topic-container.dark .locked-title{color:#f3f4f6}.locked-topic-container.dark .locked-message{color:#d1d5db}.guideRay-topic-content-container{max-width:100%;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--guideray-topic-content-text-primary, #2D3436);background-color:var(--guideray-topic-content-bg-light, #FDFDFD);border-radius:var(--guideray-topic-content-border-radius-lg, 20px);box-shadow:var(--guideray-topic-content-shadow-sm, 0 4px 12px rgba(0, 0, 0, .05))}.guideRay-topic-content-dark{--guideray-topic-content-text-primary: #FDFDFD;--guideray-topic-content-text-secondary: #B2BEC3;--guideray-topic-content-bg-light: #1E272E;--guideray-topic-content-bg-light-secondary: #2F3640;--guideray-topic-content-border-color: rgba(255, 255, 255, .1);background-color:var(--guideray-topic-content-bg-light)}.guideray-topic-content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem;gap:1.5rem}.guideray-topic-content-header-left{flex:1}.guideray-topic-content-title{font-size:2rem;font-weight:700;color:var(--guideray-topic-content-primary, #6C5CE7);margin-bottom:.75rem;line-height:1.3}.guideray-topic-content-subtitle{font-size:1.1rem;color:var(--guideray-topic-content-text-secondary, #636E72);line-height:1.6;max-width:800px}.guideray-topic-content-mark-read{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--guideray-topic-content-bg-light-secondary, #F5F6FA);border:none;border-radius:var(--guideray-topic-content-border-radius-md, 12px);color:var(--guideray-topic-content-text-secondary, #636E72);font-weight:600;cursor:pointer;box-shadow:var(--guideray-topic-content-shadow-sm, 0 4px 12px rgba(0, 0, 0, .05))}.guideray-topic-content-mark-read:hover{background-color:var(--guideray-topic-content-primary-light, #A29BFE);color:#fff;box-shadow:var(--guideray-topic-content-shadow-md, 0 8px 20px rgba(0, 0, 0, .08))}.guideray-topic-content-marked{background-color:var(--guideray-topic-content-primary, #6C5CE7);color:#fff}.guideray-topic-content-component-mark-read{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background-color:var(--guideray-topic-content-bg-light-secondary, #F5F6FA);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;margin-left:.5rem}.guideray-topic-content-component-mark-read:hover{background-color:var(--guideray-topic-content-primary-light, #A29BFE);color:#fff}.guideray-topic-content-component-mark-read:disabled{opacity:.5;cursor:not-allowed}.guideray-topic-content-component-mark-read.guideray-topic-content-marked{background-color:var(--guideray-topic-content-primary, #6C5CE7);color:#fff}.guideray-topic-content-progress-tracker{margin-bottom:3rem}.guideray-topic-content-progress-bar{height:8px;background-color:var(--guideray-topic-content-bg-light-secondary, #F5F6FA);border-radius:4px;margin-bottom:.75rem;overflow:hidden}.guideray-topic-content-progress-fill{height:100%;background:linear-gradient(90deg,var(--guideray-topic-content-primary, #6C5CE7),var(--guideray-topic-content-accent, #FD79A8));border-radius:4px;transition:width .5s ease}.guideray-topic-content-progress-text{display:block;font-size:.9rem;font-weight:600;color:var(--guideray-topic-content-primary, #6C5CE7);text-align:right}.guideray-topic-content-learning-path{position:relative;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2rem}.guideray-topic-content-learning-path:before{content:"";position:absolute;top:0;bottom:0;left:36px;width:2px;background:linear-gradient(to bottom,var(--guideray-topic-content-primary, #6C5CE7),var(--guideray-topic-content-secondary, #00CEC9));z-index:0}.guideray-topic-content-path-step{position:relative;display:flex;gap:1.5rem;z-index:0!important}.guideray-topic-content-completed{opacity:1}.guideray-topic-content-step-indicator{position:relative;width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--guideray-topic-content-primary, #6C5CE7),var(--guideray-topic-content-primary-light, #A29BFE));box-shadow:var(--guideray-topic-content-shadow-md, 0 8px 20px rgba(0, 0, 0, .08));flex-shrink:0;transition:all .3s ease}.guideray-topic-content-completed .guideray-topic-content-step-indicator{background:linear-gradient(135deg,var(--guideray-topic-content-secondary, #00CEC9),var(--guideray-topic-content-secondary-light, #55EFCB))}.guideray-topic-content-step-icon{width:28px;height:28px;color:#fff}.guideray-topic-content-completion-badge{position:absolute;bottom:-4px;right:-4px;width:24px;height:24px;background-color:var(--guideray-topic-content-secondary, #00CEC9);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--guideray-topic-content-bg-light, #FDFDFD)}.guideray-topic-content-step-content{flex:1;padding:1.5rem;border-radius:var(--guideray-topic-content-border-radius-md, 12px);background-color:var(--guideray-topic-content-bg-light-secondary, #F5F6FA);box-shadow:var(--guideray-topic-content-shadow-sm, 0 4px 12px rgba(0, 0, 0, .05));transition:all .3s ease}.guideray-topic-content-completed .guideray-topic-content-step-content{background-color:#00cec914}.guideray-topic-content-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.guideray-topic-content-step-header-right{display:flex;align-items:center;gap:.5rem}.guideray-topic-content-step-number{font-size:.85rem;font-weight:600;color:var(--guideray-topic-content-primary, #6C5CE7);letter-spacing:.05em;text-transform:uppercase}.guideray-topic-content-completed .guideray-topic-content-step-number{color:var(--guideray-topic-content-secondary, #00CEC9)}.guideray-topic-content-step-completed-label{font-size:.8rem;font-weight:600;color:var(--guideray-topic-content-secondary, #00CEC9);background-color:#00cec91a;padding:.25rem .75rem;border-radius:100px}.guideray-topic-content-step-title{font-size:1.5rem;font-weight:700;color:var(--guideray-topic-content-text-primary, #2D3436);margin-bottom:1rem;line-height:1.3}.guideray-topic-content-step-description{font-size:1rem;color:var(--guideray-topic-content-text-secondary, #636E72);margin-bottom:1.5rem;line-height:1.6}@media (max-width: 1024px){.guideray-topic-content-container{padding:1.5rem}.guideray-topic-content-title{font-size:1.75rem}.guideray-topic-content-subtitle{font-size:1rem}}@media (max-width: 768px){.guideray-topic-content-header{flex-direction:column;gap:1rem}.guideray-topic-content-mark-read{align-self:flex-start}.guideray-topic-content-learning-path:before{left:31px}.guideray-topic-content-step-indicator{width:62px;height:62px}.guideray-topic-content-step-icon{width:24px;height:24px}.guideray-topic-content-step-content{padding:1.5rem}.guideray-topic-content-step-title{font-size:1.3rem}}@media (max-width: 576px){.guideray-topic-content-container{padding:1.25rem}.guideray-topic-content-title{font-size:1.5rem}.guideray-topic-content-learning-path:before{left:27px}.guideray-topic-content-path-step{flex-direction:column;gap:1rem}.guideray-topic-content-step-indicator{width:54px;height:54px;margin-left:0}.guideray-topic-content-step-content{padding:1.25rem}.guideray-topic-content-step-title{font-size:1.2rem}.guideray-topic-content-step-description{font-size:.9rem}}.guideray-topic-content-locked-container{position:relative}.guideray-topic-content-lock-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:60px;height:60px;background-color:#1e1e2de6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 25px #0000004d}.guideray-topic-content-lock-icon svg{width:30px;height:30px}.guideray-topic-content-lock-message{position:absolute;top:calc(48% + 50px);left:40%;transform:translate(-50%);color:#000;font-weight:500;border-radius:60px;text-align:center;width:200px;padding:20px}.guideray-topic-content-locked-content{transition:filter .3s ease}.guideray-topic-content-blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.guideRay-topic-content-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px}.guideRay-topic-content-spinner{width:50px;height:50px;border:4px solid rgba(99,102,241,.2);border-radius:50%;border-top-color:#6366f1;animation:guideray-topic-content-spin 1s linear infinite}@keyframes guideray-topic-content-spin{to{transform:rotate(360deg)}}.guideray-topic-content-cheatsheet-container{margin-top:16px}.guideray-topic-content-cheatsheet-card{display:flex;align-items:center;padding:16px;background-color:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid #e9ecef}.dark-mode .guideray-topic-content-cheatsheet-card{background-color:#2d3748;border-color:#4a5568}.guideray-topic-content-cheatsheet-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.dark-mode .guideray-topic-content-cheatsheet-card:hover{box-shadow:0 4px 6px #0000004d}.guideray-topic-content-cheatsheet-icon{margin-right:16px;color:#4f46e5}.dark-mode .guideray-topic-content-cheatsheet-icon{color:#818cf8}.guideray-topic-content-cheatsheet-icon svg{width:24px;height:24px}.guideray-topic-content-cheatsheet-info{flex:1}.guideray-topic-content-cheatsheet-info h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#1a202c}.dark-mode .guideray-topic-content-cheatsheet-info h4{color:#f7fafc}.guideray-topic-content-cheatsheet-info p{margin:0;font-size:14px;color:#4a5568}.dark-mode .guideray-topic-content-cheatsheet-info p{color:#a0aec0}.guideray-topic-content-cheatsheet-arrow{color:#718096}.dark-mode .guideray-topic-content-cheatsheet-arrow{color:#a0aec0}.guideray-topic-content-cheatsheet-arrow svg{width:20px;height:20px}.guideRay-topic-content-fullscreen-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:9998;display:flex;justify-content:flex-end;align-items:flex-start;padding:20px}.guideRay-topic-content-fullscreen-close{background:none;border:none;color:#fff;cursor:pointer;opacity:.7;transition:opacity .2s;padding:8px;z-index:9999}.guideRay-topic-content-fullscreen-close:hover{opacity:1}.guideRay-topic-content-fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:#000;margin:0;padding:20px;display:flex;flex-direction:column}.dark-mode .guideRay-topic-content-container{background-color:#1a202c;color:#f7fafc}.dark-mode .guideray-topic-content-step-content{background-color:#2d3748;color:#f7fafc}.dark-mode .guideray-topic-content-step-title{color:#f7fafc}.dark-mode .guideray-topic-content-step-description{color:#cbd5e0}.dark-mode .guideray-topic-content-progress-bar{background-color:#4a5568}@keyframes guideray-topic-content-fadeIn{0%{opacity:0}to{opacity:1}}.guideray-topic-content-fade-in{animation:guideray-topic-content-fadeIn .5s ease-in}.guideray-topic-content-tooltip{position:relative;display:inline-block}.guideray-topic-content-tooltip .guideray-topic-content-tooltiptext{visibility:hidden;width:200px;background-color:#2d3748;color:#fff;text-align:center;border-radius:6px;padding:8px;position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:.8rem}.guideray-topic-content-tooltip:hover .guideray-topic-content-tooltiptext{visibility:visible;opacity:1}.guideray-topic-content-mt-1{margin-top:.25rem}.guideray-topic-content-mt-2{margin-top:.5rem}.guideray-topic-content-mt-3{margin-top:.75rem}.guideray-topic-content-mt-4{margin-top:1rem}.guideray-topic-content-mt-5{margin-top:1.5rem}.guideray-topic-content-mb-1{margin-bottom:.25rem}.guideray-topic-content-mb-2{margin-bottom:.5rem}.guideray-topic-content-mb-3{margin-bottom:.75rem}.guideray-topic-content-mb-4{margin-bottom:1rem}.guideray-topic-content-mb-5{margin-bottom:1.5rem}.guideray-topic-content-text-center{text-align:center}.guideray-topic-content-text-right{text-align:right}.guideray-topic-content-text-left{text-align:left}.guideray-topic-content-hidden{display:none}.guideray-topic-content-visible{display:block}.guideray-topic-content-error{color:#e53e3e;background-color:#fff5f5;padding:1rem;border-radius:.5rem;border-left:4px solid #e53e3e;margin:1rem 0}.dark-mode .guideray-topic-content-error{background-color:#2d1313;color:#fc8181}.guideray-topic-content-success{color:#38a169;background-color:#f0fff4;padding:1rem;border-radius:.5rem;border-left:4px solid #38a169;margin:1rem 0}.dark-mode .guideray-topic-content-success{background-color:#1a3221;color:#68d391}.guideray-topic-content-warning{color:#dd6b20;background-color:#fffaf0;padding:1rem;border-radius:.5rem;border-left:4px solid #dd6b20;margin:1rem 0}.dark-mode .guideray-topic-content-warning{background-color:#3a2a0e;color:#f6ad55}.guideray-topic-content-info{color:#3182ce;background-color:#ebf8ff;padding:1rem;border-radius:.5rem;border-left:4px solid #3182ce;margin:1rem 0}.dark-mode .guideray-topic-content-info{background-color:#1a3045;color:#63b3ed}:root{--primary: #6C5CE7;--primary-light: #A29BFE;--primary-dark: #4B3FCF;--secondary: #00CEC9;--secondary-light: #55EFCB;--accent: #FD79A8;--accent-light: #FF9FBE;--text-primary: #2D3436;--text-secondary: #636E72;--text-tertiary: #B2BEC3;--bg-light: #FDFDFD;--bg-light-secondary: #F5F6FA;--bg-light-tertiary: #ECF0F1;--bg-dark: #1E272E;--bg-dark-secondary: #2F3640;--bg-dark-tertiary: #3D484F;--sidebar-width: 280px;--sidebar-width-collapsed: 80px;--border-radius-lg: 20px;--border-radius-md: 12px;--border-radius-sm: 8px;--shadow-lg: 0 15px 30px rgba(0, 0, 0, .12);--shadow-md: 0 8px 20px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .05);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--glass-effect: rgba(255, 255, 255, .08);--glass-border: 1px solid rgba(255, 255, 255, .1)}.dark-mode{--primary: #A29BFE;--primary-light: #6C5CE7;--primary-dark: #4B3FCF;--secondary: #00CEC9;--secondary-light: #55EFCB;--accent: #FD79A8;--accent-light: #FF9FBE;--text-primary: #FDFDFD;--text-secondary: #B2BEC3;--text-tertiary: #7F8C8D;--bg-light: #1E272E;--bg-light-secondary: #2F3640;--bg-light-tertiary: #3D484F;--bg-dark: #12181D;--bg-dark-secondary: #1A2026;--glass-effect: rgba(0, 0, 0, .2);--glass-border: 1px solid rgba(255, 255, 255, .05)}.guideray-course-app-container{display:flex;min-height:100vh;max-height:100vh;background-color:var(--bg-light);color:var(--text-primary);transition:var(--transition);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.guideray-course-app-background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(var(--primary-light) 1px,transparent 1px);background-size:20px 20px;opacity:.05;z-index:0}.guideray-course-app-main-content{flex:1;transition:var(--transition);position:relative;z-index:1;overflow-y:auto;max-height:100vh;padding:2rem 2rem 2rem 4rem}.guideray-course-app-main-content.sidebar-collapsed{margin-left:80px}.guideray-course-app-content-header-wrapper{position:relative;width:100%;margin-bottom:2rem;padding:1rem 0;z-index:10;opacity:1;visibility:visible;transform:none}.guideray-course-app-header-content{display:flex;align-items:center;gap:1rem;width:100%}.guideray-course-app-header-text{flex:1;min-width:0;overflow:hidden}.guideray-course-app-content-header{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guideray-course-app-breadcrumb{display:flex;gap:.5rem;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.5rem;font-weight:600}.guideray-course-app-breadcrumb span{color:var(--primary);font-weight:600}.guideray-course-app-sidebar-toggle{background:var(--bg-light-secondary);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);z-index:10}.guideray-course-app-sidebar-toggle:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.guideray-course-app-sidebar-toggle:active{transform:scale(.95)}.guideray-course-app-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:1.5rem}.guideray-course-app-progress-bar{width:100%;max-width:400px;height:6px;background:var(--bg-light-secondary);border-radius:3px;overflow:hidden}.guideray-course-app-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;animation:guideray-course-app-progressLoad 2s ease-in-out infinite}@keyframes guideray-course-app-progressLoad{0%{width:0;transform:translate(-50%)}50%{width:100%;transform:translate(0)}to{width:0;transform:translate(100%)}}.guideray-course-app-pulse-animation{display:flex;gap:1rem}.guideray-course-app-pulse-dot{width:12px;height:12px;background:var(--primary);border-radius:50%;animation:guideray-course-app-pulseScale 1.4s ease-in-out infinite}.guideray-course-app-pulse-dot:nth-child(2){animation-delay:.2s}.guideray-course-app-pulse-dot:nth-child(3){animation-delay:.4s}@keyframes guideray-course-app-pulseScale{0%,to{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}.dark-mode .guideray-course-app-content-header{color:#fff}.dark-mode .guideray-course-app-breadcrumb{color:#ffffffe6}@media (max-width: 1200px){.guideray-course-app-main-content{padding:1.5rem;margin-left:240px}.guideray-course-app-main-content.sidebar-collapsed{margin-left:70px}}@media (max-width: 992px){.guideray-course-app-main-content{margin-left:0;padding:1.25rem}.guideray-course-app-content-header{font-size:1.5rem}.guideray-course-app-sidebar-toggle{display:flex}}@media (max-width: 768px){.guideray-course-app-content-header{font-size:1.4rem}.guideray-course-app-breadcrumb{font-size:1.2rem}}@media (max-width: 576px){.guideray-course-app-content-header{font-size:1.2rem}.guideray-course-app-breadcrumb{font-size:1rem}}.guideray-course-app-user-profile-container{display:flex;align-items:center;margin-left:auto}.guideray-course-app-user-profile-content{display:flex;align-items:center;gap:12px}.guideray-course-app-user-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover}.guideray-course-app-user-profile-info{display:flex;flex-direction:column}.guideray-course-app-user-profile-name{font-weight:600;font-size:14px;text-align:left}.guideray-course-app-user-profile-email{font-size:12px;color:#666;text-align:left}.learning-path-modal{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;font-family:Poppins,sans-serif}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:opacity .3s ease}.modal-content{position:relative;background-color:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;width:90%;max-width:1200px;max-height:90vh;overflow-y:auto;padding:40px;animation:modalFadeIn .4s cubic-bezier(.175,.885,.32,1.275);transform-origin:center}.learning-path-modal.dark .modal-content{background-color:#1a1a1a;color:#f0f0f0;box-shadow:0 10px 30px #0000004d}.learning-path-modal.dark .path-card{background-color:#2a2a2a;box-shadow:0 5px 15px #0003}.modal-header{display:flex;gap:20px;margin-bottom:30px;align-items:flex-start}.modal-header h2{font-size:2rem;font-weight:700;margin-bottom:10px;color:#333}.dark .modal-header h2{color:#f0f0f0}.header-icon{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.subtitle{color:#666;font-size:1.1rem;line-height:1.6;max-width:700px}.dark .subtitle{color:#aaa}.paths-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:30px}.path-card{background-color:#fff;border-radius:12px;padding:25px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000000d;border:1px solid rgba(0,0,0,.05)}.path-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.dark .path-card:hover{box-shadow:0 15px 30px #0000004d}.card-decoration{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--path-gradient)}.card-header{display:flex;gap:15px;margin-bottom:20px;align-items:flex-start}.icon-wrapper{background-color:#6e8efb1a;color:var(--path-color);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.path-card h3{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#333}.dark .path-card h3{color:#f0f0f0}.card-description{color:#666;font-size:.95rem;line-height:1.5}.dark .card-description{color:#aaa}.steps-container{margin-bottom:25px}.steps-container h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#555;display:flex;align-items:center}.dark .steps-container h4{color:#ccc}.steps-list{list-style:none;padding:0;margin:0}.steps-list li{position:relative;padding-left:30px;margin-bottom:12px;color:#555;font-size:.95rem;line-height:1.5;display:flex;align-items:center;transition:all .2s ease}.dark .steps-list li{color:#bbb}.step-number{position:absolute;left:0;width:20px;height:20px;background-color:#6e8efb1a;color:var(--path-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.step-check{margin-left:auto;color:var(--path-color);opacity:0;transform:translate(-5px);transition:all .3s ease}.steps-list li:hover{color:#333;transform:translate(5px)}.dark .steps-list li:hover{color:#f0f0f0}.steps-list li:hover .step-check{opacity:1;transform:translate(0)}.start-path-btn{width:100%;padding:12px;background:var(--path-gradient);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;z-index:1}.start-path-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease;z-index:-1}.start-path-btn:hover:before{transform:translate(0)}.start-path-btn:hover{box-shadow:0 5px 15px #0003;transform:translateY(-2px)}.arrow-icon{transition:transform .3s ease}.start-path-btn:hover .arrow-icon{transform:translate(3px)}.close-modal-btn{padding:10px 25px;background-color:#f0f0f0;color:#333;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.dark .close-modal-btn{background-color:#333;color:#f0f0f0}.close-modal-btn:hover{background-color:#e0e0e0;transform:translateY(-2px)}.dark .close-modal-btn:hover{background-color:#444}.modal-close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.dark .modal-close-btn{color:#aaa}.modal-close-btn:hover{background-color:#f0f0f0;color:#333;transform:rotate(90deg)}.dark .modal-close-btn:hover{background-color:#333;color:#f0f0f0}.modal-footer{text-align:center;margin-top:40px;padding-top:30px;border-top:1px solid #eee}.dark .modal-footer{border-top-color:#444}.footer-text{color:#666;font-size:.95rem;margin-bottom:20px}.dark .footer-text{color:#aaa}.footer-link{color:#6e8efb;text-decoration:none;font-weight:600;transition:all .2s ease}.dark .footer-link{color:#8a9efb}.footer-link:hover{text-decoration:underline}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 992px){.modal-content{padding:30px}.paths-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.modal-header{flex-direction:column;gap:15px}.header-icon{margin:0 auto}.subtitle{text-align:center}.paths-grid{grid-template-columns:1fr}}@media (max-width: 576px){.modal-content{padding:25px 20px;width:95%}.modal-header h2{font-size:1.5rem}.subtitle{font-size:1rem}}.payment-status-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100001;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.payment-status-modal{background-color:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 10px 25px #0000001a;animation:payment-status-modal-fadeIn .3s ease}.payment-status-modal-content{padding:32px;text-align:center}.payment-status-modal-icon{font-size:64px;margin-bottom:20px}.payment-status-modal-success .payment-status-modal-icon{color:#10b981}.payment-status-modal-failed .payment-status-modal-icon{color:#ef4444}.payment-status-modal-pending .payment-status-modal-icon{color:#f59e0b}.payment-status-modal-processing .payment-status-modal-icon{color:#3b82f6}.payment-status-modal-spinner{animation:payment-status-modal-spin 1.5s linear infinite}@keyframes payment-status-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes payment-status-modal-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-status-modal h2{font-size:24px;margin-bottom:12px;color:#1f2937}.payment-status-modal-message{color:#6b7280;margin-bottom:24px;font-size:16px}.payment-status-modal-details{background-color:#f9fafb;border-radius:12px;padding:20px;margin:24px 0;text-align:left}.payment-status-modal-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.payment-status-modal-detail-icon{color:#4f46e5;font-size:18px;flex-shrink:0}.payment-status-modal-label{font-size:14px;color:#6b7280;display:block}.payment-status-modal-value{font-size:16px;color:#1f2937;font-weight:500}.payment-status-modal-actions{display:flex;gap:12px;margin-top:24px}.payment-status-modal-primary-button,.payment-status-modal-secondary-button{flex:1;padding:12px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.payment-status-modal-primary-button{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none}.payment-status-modal-primary-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px)}.payment-status-modal-primary-button:disabled{opacity:.7;transform:none}.payment-status-modal-secondary-button{background-color:#fff;color:#4f46e5;border:1px solid #e5e7eb}.payment-status-modal-secondary-button:hover{background-color:#f9fafb;border-color:#d1d5db}.payment-button-container{margin-top:20px;position:relative;width:100%}.payment-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #4f46e533}.payment-button:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 8px #4f46e54d}.payment-button:disabled{background:#c7d2fe;cursor:not-allowed;transform:none;box-shadow:none}.payment-button-spinner{animation:payment-button-spin 1s linear infinite}@keyframes payment-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-button-error{display:flex;align-items:center;gap:8px;color:#ef4444;margin-bottom:16px;font-size:14px;padding:12px;background-color:#fee2e2;border-radius:8px}.payment-button-error-icon{flex-shrink:0}.payment-button-lock-icon{font-size:14px}.payment-button-arrow-icon{font-size:12px}.guideray-student-courses-dark-mode{background-color:#1a1a1a;color:#fff}.guideray-student-courses-layout{display:flex;gap:10px;margin-left:-20px}.guideray-student-courses-main-content123{flex:1;min-width:0;border:.5px solid rgb(239,239,239);padding:20px;border-radius:20px;min-width:70%}.guideray-recommendations-container{background:#fff;border-radius:12px;padding:20px}.guideray-recommendations-dark-mode{background:#2a2a2a;box-shadow:0 4px 12px #00000026}.guideray-recommendations-title{font-size:1.3rem;margin-bottom:20px;color:#333;font-weight:600;padding-bottom:10px;border-bottom:2px solid rgba(110,142,251,.2)}.guideray-recommendations-dark-mode .guideray-recommendations-title{color:#f0f0f0;border-bottom-color:#8a9efb4d}.guideray-recommendations-list{display:flex;flex-direction:column;gap:20px}.guideray-recommendation-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0000000d;transition:all .3s ease}.guideray-recommendation-dark-mode{background:#2a2a2a;box-shadow:0 4px 8px #00000026}.guideray-recommendation-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a}.guideray-recommendation-dark-mode:hover{box-shadow:0 8px 16px #00000040}.guideray-recommendation-image-container{height:160px;overflow:hidden}.guideray-recommendation-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.guideray-recommendation-card:hover .guideray-recommendation-image{transform:scale(1.05)}.guideray-recommendation-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;color:#fff;opacity:.8;transition:all .3s ease}.guideray-recommendation-card:hover .guideray-recommendation-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.guideray-recommendation-content{padding:15px}.guideray-recommendation-header{display:flex;justify-content:space-between;margin-bottom:10px}.guideray-recommendation-title{font-size:1rem;font-weight:600;margin:0;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guideray-recommendation-dark-mode .guideray-recommendation-title{color:#f0f0f0}.guideray-recommendation-rating{display:flex;align-items:center;gap:3px;font-size:.8rem}.guideray-recommendation-star{color:#ddd;font-size:.8rem}.guideray-recommendation-dark-mode .guideray-recommendation-star{color:#555}.guideray-recommendation-star.filled{color:#ffc107}.guideray-recommendation-category{display:flex;align-items:center;gap:5px;font-size:.8rem;color:#666;margin-bottom:10px}.guideray-recommendation-dark-mode .guideray-recommendation-category{color:#aaa}.guideray-recommendation-category-icon{font-size:.9rem;color:#6e8efb}.guideray-recommendation-dark-mode .guideray-recommendation-category-icon{color:#8a9efb}.guideray-recommendation-meta{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.guideray-recommendation-meta-item{display:flex;align-items:center;gap:5px;font-size:.75rem;color:#666;background:#6e8efb1a;padding:5px 10px;border-radius:20px}.guideray-recommendation-dark-mode .guideray-recommendation-meta-item{color:#aaa;background:#8a9efb1a}.guideray-recommendation-meta-icon{font-size:.8rem;color:#6e8efb}.guideray-recommendation-dark-mode .guideray-recommendation-meta-icon{color:#8a9efb}.guideray-recommendation-footer{display:flex;justify-content:space-between;align-items:center}.guideray-recommendation-price{display:flex;align-items:center;gap:5px;font-size:1rem;font-weight:600;color:#333}.guideray-recommendation-dark-mode .guideray-recommendation-price{color:#f0f0f0}.guideray-recommendation-price-icon{color:#6e8efb}.guideray-recommendation-dark-mode .guideray-recommendation-price-icon{color:#8a9efb}.guideray-recommendation-enroll-button{background:linear-gradient(to right,#6e8efb,#a777e3);color:#fff;border:none;padding:8px 15px;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.guideray-recommendation-enroll-button:hover{background:linear-gradient(to right,#5a7ae3,#8a5ae0);transform:translateY(-2px);box-shadow:0 4px 10px #6e8efb4d}@media (max-width: 1200px){.guideray-student-courses-layout{flex-direction:column}.guideray-student-courses-sidebar{width:100%;position:static;margin-top:30px}.guideray-recommendations-list{flex-direction:row;overflow-x:auto;padding-bottom:20px}.guideray-recommendation-card{min-width:280px}}@media (max-width: 768px){.guideray-recommendations-list{flex-direction:column}.guideray-recommendation-card{min-width:auto}}.guideray-student-courses-container{width:calc(100vw - 243px);padding:10px 20px 20px;background-color:#fff;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode{background-color:#1a1a1a;color:#f0f0f0}.guideray-student-cource-heading1{text-align:center;font-size:48px;font-weight:700;color:#4a00e0;background:linear-gradient(to right,#8e2de2,#4a00e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.guideray-student-courses-hero{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;padding:80px 40px;border-radius:15px;margin-bottom:40px;position:relative;overflow:hidden;text-align:center}.guideray-student-courses-dark-mode .guideray-student-courses-hero{background:linear-gradient(135deg,#4a6cf7,#8a5ae0)}.guideray-student-courses-hero-content h1{font-size:2.8rem;margin-bottom:20px;font-weight:700;line-height:1.2}.guideray-student-courses-hero-content p{font-size:1.2rem;opacity:.9;line-height:1.6;max-width:700px;margin:0 auto 20px}.guideray-student-courses-tabs-container{margin-bottom:30px}.guideray-student-courses-search-container{background:#07008e00;margin-bottom:30px;border-radius:15px}.guideray-student-courses-dark-mode .guideray-student-courses-search-container{background:linear-gradient(to right,#4a6cf71a,#8a5ae01a)}.guideray-student-courses-search-wrapper{display:flex;gap:20px;align-items:center;max-width:1200px;margin:0 auto}.guideray-student-courses-search{flex:1;position:relative}.guideray-student-courses-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#777;font-size:1.1rem}.guideray-student-courses-dark-mode .guideray-student-courses-search-icon{color:#aaa}.guideray-student-courses-search-input{width:100%;padding:15px 20px 15px 50px;border-radius:30px;border:2px solid #ddd;font-size:1rem;transition:all .3s;background-color:#fff;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode .guideray-student-courses-search-input{background-color:#2a2a2a;border-color:#444;color:#f0f0f0}.guideray-student-courses-search-input:focus{outline:none;border-color:#6e8efb;box-shadow:0 0 0 4px #6e8efb33}.guideray-student-courses-learning-path-button{display:flex;align-items:center;gap:8px;padding:15px 25px;background-color:#6e8efb;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode .guideray-student-courses-learning-path-button{background-color:#8a9efb}.guideray-student-courses-learning-path-button:hover{background-color:#5a7ae3;transform:translateY(-2px);box-shadow:0 5px 15px #6e8efb4d}.guideray-student-courses-learning-path-icon{font-size:1.1rem}.guideray-student-courses-tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.guideray-student-courses-dark-mode .guideray-student-courses-tabs{border-bottom-color:#444}.guideray-student-courses-tab{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;font-size:1rem;font-weight:600;color:#666;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode .guideray-student-courses-tab{color:#aaa}.guideray-student-courses-tab:hover{color:#6e8efb}.guideray-student-courses-dark-mode .guideray-student-courses-tab:hover{color:#8a9efb}.guideray-student-courses-tab.active{color:#6e8efb;border-bottom-color:#6e8efb}.guideray-student-courses-dark-mode .guideray-student-courses-tab.active{color:#8a9efb;border-bottom-color:#8a9efb}.guideray-student-courses-tab-icon{font-size:1.1rem}.guideray-student-courses-tab-badge{background-color:#6e8efb;color:#fff;border-radius:10px;padding:2px 8px;font-size:.8rem;margin-left:5px}.guideray-student-courses-dark-mode .guideray-student-courses-tab-badge{background-color:#8a9efb}.guideray-student-courses-section{margin-bottom:40px}.guideray-student-courses-section-title{font-size:1.8rem;margin-bottom:15px;color:#333;font-weight:600}.guideray-student-courses-dark-mode .guideray-student-courses-section-title{color:#f0f0f0}.guideray-student-courses-section-subtitle{color:#666;margin-bottom:20px}.guideray-student-courses-dark-mode .guideray-student-courses-section-subtitle{color:#aaa}.guideray-student-courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;margin-top:20px}.guideray-student-courses-card-button.visit-course{background:linear-gradient(to right,#17008a7d,#001aff76);color:#fff}.guideray-student-courses-card-button.visit-course:hover{background:linear-gradient(to right,#17008a,#001aff);box-shadow:0 4px 10px #4caf504d}.guideray-student-courses-details-enroll.visit-course{background:linear-gradient(to right,#17008a,#001aff)}.guideray-student-courses-details-enroll.visit-course:hover{background:linear-gradient(to right,#17008a,#001aff);box-shadow:0 5px 20px #4caf5066}.guideray-student-courses-empty{text-align:center;padding:50px 20px;border-radius:10px;background-color:#fff;margin-top:20px}.guideray-student-courses-dark-mode .guideray-student-courses-empty{background-color:#2a2a2a}.guideray-student-courses-empty-image{max-width:300px;margin-bottom:20px;opacity:.8}.guideray-student-courses-empty h3{font-size:1.5rem;margin-bottom:10px;color:#333;font-weight:600}.guideray-student-courses-dark-mode .guideray-student-courses-empty h3{color:#f0f0f0}.guideray-student-courses-empty p{color:#666;margin-bottom:20px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.guideray-student-courses-dark-mode .guideray-student-courses-empty p{color:#aaa}.guideray-student-courses-empty-actions{display:flex;justify-content:center;gap:15px;margin-top:25px}.guideray-student-courses-explore-button{padding:10px 20px;background-color:#6e8efb;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:Poppins,sans-serif}.guideray-student-courses-explore-button:hover{background-color:#5a7ae3;transform:translateY(-2px)}.guideray-student-courses-path-button{padding:10px 20px;background-color:#f0f0f0;color:#333;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode .guideray-student-courses-path-button{background-color:#333;color:#f0f0f0}.guideray-student-courses-path-button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.guideray-student-courses-dark-mode .guideray-student-courses-path-button:hover{background-color:#444}.guideray-student-courses-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;color:#666}.guideray-student-courses-dark-mode .guideray-student-courses-loading{color:#aaa}.guideray-student-courses-spinner{font-size:3rem;margin-bottom:20px;animation:spin 1s linear infinite}.guideray-student-courses-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;text-align:center;padding:20px}.guideray-student-courses-error-icon{font-size:3rem;color:#ff4757;margin-bottom:20px}.guideray-student-courses-error h3{font-size:1.5rem;margin-bottom:10px;color:#333;font-weight:600}.guideray-student-courses-dark-mode .guideray-student-courses-error h3{color:#f0f0f0}.guideray-student-courses-error p{color:#666;margin-bottom:20px;max-width:500px;line-height:1.6}.guideray-student-courses-dark-mode .guideray-student-courses-error p{color:#aaa}.guideray-student-courses-error-retry{padding:10px 20px;background-color:#6e8efb;color:#fff;border:none;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:Poppins,sans-serif}.guideray-student-courses-error-retry:hover{background-color:#5a7ae3}@media (max-width: 1200px){.guideray-student-courses-hero-content h1{font-size:2.2rem}}@media (max-width: 992px){.guideray-student-courses-container{padding:20px}.guideray-student-courses-hero{padding:40px 20px}.guideray-student-courses-details-content{flex-direction:column}.guideray-student-courses-details-sidebar{position:static;margin-top:30px}.guideray-student-courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.guideray-student-courses-search-wrapper{flex-direction:column}.guideray-student-courses-search{width:100%}.guideray-student-courses-learning-path-button{width:100%;justify-content:center}.guideray-student-courses-tabs{overflow-x:auto;padding-bottom:10px}.guideray-student-courses-tab{white-space:nowrap}.guideray-student-courses-empty-actions{flex-direction:column;align-items:center}}@media (max-width: 576px){.guideray-student-courses-hero h1{font-size:1.8rem}.guideray-student-courses-hero p{font-size:1rem}.guideray-student-courses-section-title{font-size:1.5rem}.guideray-student-courses-details-image{height:250px}.guideray-student-courses-card-meta{flex-direction:column;gap:10px}}.guideray-student-courses-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;border:none;display:flex;flex-direction:column;height:100%;min-height:320px}.guideray-student-courses-dark-mode .guideray-student-courses-card{background-color:#2a2a2a;box-shadow:0 4px 12px #00000026}.guideray-student-courses-card:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001f}.guideray-student-courses-dark-mode .guideray-student-courses-card:hover{box-shadow:0 8px 16px #00000040}.guideray-student-courses-card.registered{position:relative;overflow:hidden}.guideray-student-courses-dark-mode .guideray-student-courses-card.registered:after{background:linear-gradient(to bottom,#8a9efb,#a777e3)}.guideray-student-courses-card-image-container{position:relative;height:140px;overflow:hidden;border-radius:12px 12px 0 0}.guideray-student-courses-card-image{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.guideray-student-courses-card:hover .guideray-student-courses-card-image{transform:scale(1.05)}.guideray-student-courses-card-lock-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:1.2rem;gap:6px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guideray-student-courses-card-lock-overlay span{font-size:.8rem;font-weight:500}.guideray-student-courses-card-category{position:absolute;top:10px;left:10px;background-color:#fffffff2;padding:4px 10px;border-radius:20px;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #0000001a;z-index:1}.guideray-student-courses-dark-mode .guideray-student-courses-card-category{background-color:#000c;color:#fff;box-shadow:0 2px 6px #0000004d}.guideray-student-courses-card-category-icon{font-size:.9rem;color:#6e8efb}.guideray-student-courses-dark-mode .guideray-student-courses-card-category-icon{color:#8a9efb}.guideray-student-courses-card-upcoming-badge{position:absolute;top:10px;right:10px;background:linear-gradient(to right,#6e8efb,#a777e3);color:#fff;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;box-shadow:0 2px 6px #0000001a;z-index:1}.guideray-student-courses-card-notify-btn{position:absolute;top:10px;right:10px;background-color:#fffffff2;border:none;width:32px;height:32px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 6px #0000001a;z-index:1}.guideray-student-courses-dark-mode .guideray-student-courses-card-notify-btn{background-color:#000c;color:#fff}.guideray-student-courses-card-notify-btn:hover{background-color:#fff;transform:scale(1.1) rotate(15deg)}.guideray-student-courses-dark-mode .guideray-student-courses-card-notify-btn:hover{background-color:#333}.guideray-student-courses-card-content{padding:16px;display:flex;flex-direction:column;gap:12px;flex-grow:1}.guideray-student-courses-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.guideray-student-courses-card-title{font-size:1.1rem;font-weight:700;margin:0;color:#333;line-height:1.3;overflow:hidden;text-align:left;flex-grow:1}.guideray-student-courses-dark-mode .guideray-student-courses-card-title{color:#f0f0f0}.guideray-student-courses-card-rating{display:flex;align-items:center;gap:3px;flex-shrink:0;margin-left:8px}.guideray-student-courses-card-star{color:#ddd;font-size:.9rem;position:relative}.guideray-student-courses-dark-mode .guideray-student-courses-card-star{color:#555}.guideray-student-courses-card-star.filled{color:#ffc107}.guideray-student-courses-card-star.half:before{content:"★";position:absolute;left:0;width:50%;overflow:hidden;color:#ffc107}.guideray-student-courses-card-description{color:#666;font-size:.85rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;text-align:left}.guideray-student-courses-dark-mode .guideray-student-courses-card-description{color:#aaa}.guideray-student-courses-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.guideray-student-courses-card-meta-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#666;background:#6e8efb14;padding:3px 8px;border-radius:20px;text-align:left}.guideray-student-courses-dark-mode .guideray-student-courses-card-meta-item{color:#aaa;background:#8a9efb1a}.guideray-student-courses-card-meta-icon{font-size:.8rem;color:#6e8efb}.guideray-student-courses-dark-mode .guideray-student-courses-card-meta-icon{color:#8a9efb}.guideray-student-courses-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid rgba(0,0,0,.05)}.guideray-student-courses-dark-mode .guideray-student-courses-card-footer{border-top-color:#ffffff0d}.guideray-student-courses-card-students{font-size:.8rem;color:#666;display:flex;align-items:center;gap:4px;text-align:left}.guideray-student-courses-dark-mode .guideray-student-courses-card-students{color:#aaa}.guideray-student-courses-card-registered-badge{background:linear-gradient(to right,#6e8efb1a,#a777e31a);color:#6e8efb;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:4px;border:1px solid rgba(110,142,251,.2)}.guideray-student-courses-dark-mode .guideray-student-courses-card-registered-badge{background:linear-gradient(to right,#8a9efb1a,#a777e31a);color:#8a9efb;border-color:#8a9efb4d}.guideray-student-courses-card-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:30px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:Poppins,sans-serif;position:relative;overflow:hidden;z-index:1;text-align:center;min-width:100px}.guideray-student-courses-card-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .3s ease;z-index:-1}.guideray-student-courses-card-button.enroll{background:linear-gradient(to right,#6e8efb,#a777e3);color:#fff}.guideray-student-courses-card-button.enroll:hover{box-shadow:0 4px 10px #6e8efb4d}.guideray-student-courses-card-button.enroll:hover:before{transform:translate(0)}.guideray-student-courses-card-button{background:#0000000d;color:#333}.guideray-student-courses-dark-mode .guideray-student-courses-card-button{background:#ffffff0d;color:#f0f0f0}.guideray-student-courses-card-button:hover{background:#0000001a;box-shadow:0 4px 10px #0000001a}.guideray-student-courses-dark-mode .guideray-student-courses-card-button:hover{background:#ffffff1a}.guideray-student-courses-card-button.notified{background:#6e8efb1a;color:#6e8efb;border:1px solid rgba(110,142,251,.2)}.guideray-student-courses-dark-mode .guideray-student-courses-card-button.notified{background:#8a9efb1a;color:#8a9efb;border-color:#8a9efb4d}.guideray-student-courses-card-button .arrow-icon{transition:transform .3s ease}.guideray-student-courses-card-button:hover .arrow-icon{transform:translate(3px)}@media (max-width: 768px){.guideray-student-courses-card{min-height:300px}.guideray-student-courses-card-image-container{height:120px}.guideray-student-courses-card-content{padding:12px;gap:10px}.guideray-student-courses-card-title{font-size:1rem}.guideray-student-courses-card-description{font-size:.8rem;-webkit-line-clamp:2}.guideray-student-courses-card-button{padding:6px 12px;font-size:.8rem;min-width:90px}}.guideray-student-courses-details{max-width:84.5%;padding:10px 15px;font-family:Poppins,sans-serif;line-height:1.5;margin-top:10px;margin-bottom:10px;background-color:#fff;color:#333;border-radius:20px}.guideray-student-courses-details-dark-mode{background-color:#121212;color:#f0f0f0}.guideray-student-courses-details-header{margin-bottom:20px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-self:center}.guideray-student-courses-details-back{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid rgba(110,142,251,.3);color:#6e8efb;font-size:.9rem;font-weight:600;cursor:pointer;align-self:flex-start;padding:8px 12px;text-align:left;order:2;margin-bottom:15px;border-radius:8px;transition:all .3s cubic-bezier(.25,.8,.25,1);background-color:#6e8efb14}.guideray-student-courses-details-back:hover{transform:translate(-5px);background-color:#6e8efb33;border-color:#6e8efb80;box-shadow:2px 0 8px #6e8efb33}.guideray-student-courses-dark-mode .guideray-student-courses-details-back{color:#8a9efb;border-color:#8a9efb4d;background-color:#8a9efb14}.guideray-student-courses-dark-mode .guideray-student-courses-details-back:hover{background-color:#8a9efb33;border-color:#8a9efb80;box-shadow:2px 0 8px #8a9efb33}.guideray-student-courses-details-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#777;flex-wrap:wrap}.guideray-student-courses-dark-mode .guideray-student-courses-details-breadcrumb{color:#aaa}.guideray-student-courses-details-breadcrumb span{transition:all .2s ease;padding:3px 6px;border-radius:4px}.guideray-student-courses-details-breadcrumb span:hover{color:#6e8efb;background-color:#6e8efb1a}.guideray-student-courses-dark-mode .guideray-student-courses-details-breadcrumb span:hover{color:#8a9efb;background-color:#8a9efb1a}.guideray-student-courses-details-breadcrumb-arrow{font-size:.75rem;color:#999;opacity:.7}.guideray-student-courses-details-content{display:flex;justify-content:flex-start;gap:10px}.guideray-student-courses-details-main{flex:2;max-width:650px;border-radius:20px}.guideray-student-courses-details-sidebar{flex:1;position:sticky;top:40px;align-self:flex-start;max-width:400px}.guideray-student-courses-details-image-container{position:relative;border-radius:12px;overflow:hidden;margin-bottom:15px;box-shadow:0 10px 20px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.guideray-student-courses-details-info{background:#000f54;padding:30px;border-radius:20px}.guideray-student-courses-details-image-container:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.guideray-student-courses-dark-mode .guideray-student-courses-details-image-container{border-color:#ffffff0d}.guideray-student-courses-details-image{width:100%;height:300px;object-fit:cover;display:block}.guideray-student-courses-details-rating{position:absolute;bottom:15px;left:15px;background-color:#fffffff5;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;box-shadow:0 5px 15px #00000014;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.guideray-student-courses-dark-mode .guideray-student-courses-details-rating{background-color:#000000e0;color:#fff}.guideray-student-courses-details-star{color:#e0e0e0;font-size:.9rem;transition:all .2s ease;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.guideray-student-courses-details-star:hover{transform:scale(1.2);filter:drop-shadow(0 2px 5px rgba(255,215,0,.3))}.guideray-student-courses-dark-mode .guideray-student-courses-details-star{color:#fff}.guideray-student-courses-details-star.filled{color:#ffc107}.guideray-student-courses-details-star.half{position:relative}.guideray-student-courses-details-title-section{margin-bottom:20px}.guideray-student-courses-details-title{font-size:1.5rem;margin-bottom:15px;color:#fff;font-weight:700;line-height:1.2;letter-spacing:-.3px;text-align:left;position:relative;padding-bottom:15px;font-family:Poppins,sans-serif}.guideray-student-courses-dark-mode .guideray-student-courses-details-title{color:#f8f8f8}.guideray-student-courses-details-instructor,.guideray-student-courses-details-level{color:#fafafa;margin-bottom:8px;line-height:1.5;font-size:.9rem;display:flex;align-items:flex-start;text-align:left}.guideray-student-courses-dark-mode .guideray-student-courses-details-instructor,.guideray-student-courses-dark-mode .guideray-student-courses-details-level{color:#f5f5f5}.guideray-student-courses-details-label{color:#f9f9f9;font-weight:600;margin-right:8px;min-width:60px}.guideray-student-courses-dark-mode .guideray-student-courses-details-label{color:#ddd}.guideray-student-courses-details-meta{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0;padding:15px 0;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.guideray-student-courses-dark-mode .guideray-student-courses-details-meta{border-color:#ffffff14}.guideray-student-courses-details-meta-item{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#fafafa;padding:6px 12px;border-radius:8px;background-color:#6e8efb0d;transition:all .2s ease}.guideray-student-courses-details-meta-item:hover{background-color:#6e8efb1a;transform:translateY(-2px)}.guideray-student-courses-dark-mode .guideray-student-courses-details-meta-item{color:#fff;background-color:#8a9efb0d}.guideray-student-courses-dark-mode .guideray-student-courses-details-meta-item:hover{background-color:#8a9efb1a}.guideray-student-courses-details-meta-icon{font-size:1rem;color:#6e8efb;transition:transform .2s ease}.guideray-student-courses-details-meta-item:hover .guideray-student-courses-details-meta-icon{transform:scale(1.1)}.guideray-student-courses-dark-mode .guideray-student-courses-details-meta-icon{color:#8a9efb}.guideray-student-courses-details-description{margin:25px 0}.guideray-student-courses-details-section-title{font-size:1.5rem;margin-bottom:15px;color:#fbfbfb;font-weight:600;text-align:left;position:relative;padding-bottom:10px;letter-spacing:-.3px}.guideray-student-courses-dark-mode .guideray-student-courses-details-section-title{color:#f8f8f8}.guideray-student-courses-details-description-text{color:#fff;line-height:1.6;font-size:.9rem;text-align:left}.guideray-student-courses-dark-mode .guideray-student-courses-details-description-text{color:#ccc}.guideray-student-courses-details-read-more{background:none;border:none;color:#6e8efb;font-weight:600;cursor:pointer;padding:6px 12px;margin-top:10px;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;font-size:.85rem;border-radius:6px;background-color:#6e8efb1a}.guideray-student-courses-details-read-more:hover{color:#5a7ae3;transform:translateY(-2px);background-color:#6e8efb33;box-shadow:0 3px 10px #6e8efb1a}.guideray-student-courses-dark-mode .guideray-student-courses-details-read-more{color:#8a9efb;background-color:#8a9efb1a}.guideray-student-courses-dark-mode .guideray-student-courses-details-read-more:hover{color:#7a8ee3;background-color:#8a9efb33}.guideray-student-courses-details-read-more-icon{transition:transform .2s ease}.guideray-student-courses-details-read-more:hover .guideray-student-courses-details-read-more-icon{transform:translateY(2px)}.guideray-student-courses-details-learning{margin:30px 0}.guideray-student-courses-details-learning-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.guideray-student-courses-details-learning-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;color:#fff;line-height:1.6;padding:15px;background-color:#6e8efb12;border-radius:10px;transition:all .3s ease;border-left:3px solid #6e8efb}.guideray-student-courses-details-learning-item:hover{background-color:#6e8efb26;transform:translate(5px);box-shadow:3px 3px 15px #6e8efb1a}.guideray-student-courses-dark-mode .guideray-student-courses-details-learning-item{color:#ddd;background-color:#8a9efb12;border-left-color:#8a9efb}.guideray-student-courses-dark-mode .guideray-student-courses-details-learning-item:hover{background-color:#8a9efb26;box-shadow:3px 3px 15px #8a9efb1a}.guideray-student-courses-details-learning-check{color:#6e8efb;font-size:.9rem;margin-top:3px;flex-shrink:0;transition:transform .2s ease}.guideray-student-courses-details-learning-item:hover .guideray-student-courses-details-learning-check{transform:scale(1.1)}.guideray-student-courses-dark-mode .guideray-student-courses-details-learning-check{color:#8a9efb}.guideray-student-courses-details-pricing-card,.guideray-student-courses-details-includes-card{background-color:#fff;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 10px 25px #00000014;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(0,0,0,.05)}.guideray-student-courses-dark-mode .guideray-student-courses-details-pricing-card,.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-card{background-color:#1e1e1e;box-shadow:0 10px 25px #0003;border-color:#ffffff0d}.guideray-student-courses-dark-mode .guideray-student-courses-details-pricing-card:hover,.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-card:hover{box-shadow:0 15px 35px #0000004d}.guideray-student-courses-details-price-container{margin-bottom:20px}.guideray-student-courses-details-original-price{text-decoration:line-through;color:#999;font-size:1.1rem;font-weight:500}.guideray-student-courses-details-price-wrapper{display:flex;align-items:flex-end;gap:15px;margin-top:5px}.guideray-student-courses-details-price{font-size:2rem;font-weight:700;color:#333;line-height:1;letter-spacing:-.5px}.guideray-student-courses-dark-mode .guideray-student-courses-details-price{color:#f8f8f8}.guideray-student-courses-details-discount{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:600;align-self:center;box-shadow:0 3px 10px #ff6b6b4d}.guideray-student-courses-details-enroll{width:100%;padding:15px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;box-shadow:0 5px 20px #6e8efb4d;text-align:left}.guideray-student-courses-details-enroll:hover{background:linear-gradient(135deg,#5a7ae3,#9566d6);transform:translateY(-3px);box-shadow:0 8px 25px #6e8efb66}.guideray-student-courses-details-enroll:active{transform:translateY(0)}.guideray-student-courses-details-enroll-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guideray-student-courses-details-enrolled{width:100%;background:linear-gradient(135deg,#4caf50,#2e7d32);color:#fff;border-radius:10px;font-size:1rem;font-weight:600;display:flex;justify-content:flex-start;align-items:center;gap:10px;margin-bottom:20px;box-shadow:0 5px 20px #4caf504d;text-align:left;padding:15px 15px 15px 20px}.guideray-student-courses-details-error{color:#ff4757;font-size:.85rem;margin-bottom:20px;text-align:left;padding:12px;background-color:#ff47571a;border-radius:10px;border-left:3px solid #ff4757}.guideray-student-courses-dark-mode .guideray-student-courses-details-error{background-color:#ff475726;border-left-color:#ff6b6b}.guideray-student-courses-details-guarantee{display:flex;align-items:center;gap:10px;font-size:.85rem;color:#666;margin-bottom:10px;padding:12px;background-color:#4caf501a;border-radius:10px;border-left:3px solid #4CAF50}.guideray-student-courses-dark-mode .guideray-student-courses-details-guarantee{color:#bbb;background-color:#4caf5026;border-left-color:#66bb6a}.guideray-student-courses-details-guarantee-icon{color:#4caf50;font-size:1rem}.guideray-student-courses-details-includes-title{font-size:1.3rem;margin-bottom:20px;color:#333;font-weight:600;position:relative;padding-bottom:12px;letter-spacing:-.3px}.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-title{color:#f8f8f8}.guideray-student-courses-details-includes-list{list-style:none;padding:0}.guideray-student-courses-details-includes-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;color:#555;padding:10px 0;border-bottom:1px dashed rgba(0,0,0,.1);transition:all .2s ease}.guideray-student-courses-details-includes-item:hover{transform:translate(3px);color:#6e8efb}.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-item{color:#bbb;border-color:#ffffff1a}.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-item:hover{color:#8a9efb}.guideray-student-courses-details-includes-icon{color:#6e8efb;font-size:.9rem;margin-top:3px;flex-shrink:0;transition:transform .2s ease}.guideray-student-courses-details-includes-item:hover .guideray-student-courses-details-includes-icon{transform:scale(1.1)}.guideray-student-courses-dark-mode .guideray-student-courses-details-includes-icon{color:#8a9efb}@media (max-width:1200px){.guideray-student-courses-details-content{gap:30px}}@media (max-width:992px){.guideray-student-courses-details-content{flex-direction:column;gap:30px}.guideray-student-courses-details-sidebar{position:static;margin-top:30px}.guideray-student-courses-details-main{min-width:auto}.guideray-student-courses-details-image{height:250px}}@media (max-width:768px){.guideray-student-courses-details{padding:15px;max-width:90%}.guideray-student-courses-details-title{font-size:1.3rem}.guideray-student-courses-details-learning-list{grid-template-columns:1fr}.guideray-student-courses-details-meta{gap:15px}}@media (max-width:576px){.guideray-student-courses-details-image{height:200px}.guideray-student-courses-details-title{font-size:1.2rem}.guideray-student-courses-details-meta{flex-direction:column;gap:12px}.guideray-student-courses-details-price{font-size:1.8rem}.guideray-student-courses-details-enroll,.guideray-student-courses-details-enrolled{font-size:.9rem;padding:12px}}:root{--primary-color: #6c5ce7;--primary-light: #a29bfe;--primary-dark: #4834d4;--success-color: #00b894;--warning-color: #fdcb6e;--danger-color: #d63031;--text-dark: #2d3436;--text-light: #636e72;--bg-light: #f5f6fa;--bg-white: #ffffff;--bg-dark: #1e1e1e;--bg-darker: #121212;--bg-code-light: #f8f9fa;--bg-code-dark: #252526;--border-light: #dfe6e9;--border-dark: #3a3a3a;--selection-color: rgba(108, 92, 231, .2);--sidebar-bg: #0f0c29;--sidebar-text: rgba(255, 255, 255, .9);--sidebar-hover: rgba(255, 255, 255, .1);--sidebar-active: rgba(108, 92, 231, .3);--test-passed: rgba(0, 184, 148, .1);--test-failed: rgba(214, 48, 49, .1);--test-error: rgba(253, 203, 110, .1)}.guidedray-coding-platform-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh;max-width:100vw;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-light);color:var(--text-dark)}.guidedray-coding-platform-container.dark{background-color:var(--bg-darker);color:#e0e0e0}.guidedray-coding-platform{display:flex;flex-direction:column;height:100%;width:100%}.guidedray-coding-platform-error{background-color:#ffebee;color:#c62828;padding:12px 16px;border-radius:8px;margin:12px;font-size:14px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000001a}.dark .guidedray-coding-platform-error{background-color:#3a1d1d;color:#ff8a80}.guidedray-coding-platform-main{display:flex;flex:1;overflow:hidden;position:relative}.guidedray-coding-platform-problem-section{height:100%;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--sidebar-bg) 0%,#24243e 100%);color:var(--sidebar-text);border-right:none;box-shadow:2px 0 10px #0000001a;transition:all .3s ease}.dark .guidedray-coding-platform-problem-section{background:linear-gradient(135deg,#0f0c29,#24243e)}.guidedray-coding-platform-problem-selector{display:flex;overflow-x:auto;padding:12px;background:#0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.1);scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.dark .guidedray-coding-platform-problem-selector{background:#1e1e1ecc;border-bottom:1px solid var(--border-dark)}.guidedray-coding-platform-problem-selector::-webkit-scrollbar{height:6px}.guidedray-coding-platform-problem-selector::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:3px}.guidedray-coding-platform-problem-tab{display:flex;flex-direction:column;align-items:flex-start;padding:10px 16px;margin:0 6px;border-radius:8px;background-color:transparent;border:none;cursor:pointer;white-space:nowrap;transition:all .2s ease;position:relative;color:#fffc}.guidedray-coding-platform-problem-tab:hover{background-color:var(--sidebar-hover)}.dark .guidedray-coding-platform-problem-tab{color:#b0b0b0}.guidedray-coding-platform-problem-tab.active{background-color:var(--sidebar-active);color:#fff;font-weight:500}.problem-title{font-weight:500;font-size:14px;margin-bottom:4px}.difficulty-badge{font-size:10px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.difficulty-easy{background-color:#00b89433;color:#00b894}.dark .difficulty-easy{background-color:#00b8944d;color:#55efc4}.difficulty-medium{background-color:#fdcb6e33;color:#fdcb6e}.dark .difficulty-medium{background-color:#fdcb6e4d;color:#ffeaa7}.difficulty-hard{background-color:#d6303133;color:#ff7675}.dark .difficulty-hard{background-color:#d630314d;color:#ff7675}.guidedray-coding-platform-problem-content{flex:1;overflow-y:auto;padding:20px;scrollbar-width:thin;scrollbar-color:var(--primary-light) transparent}.guidedray-coding-platform-problem-content::-webkit-scrollbar{width:6px}.guidedray-coding-platform-problem-content::-webkit-scrollbar-thumb{background-color:var(--primary-light);border-radius:3px}.problem-header{margin-bottom:24px;text-align:left}.problem-header h2{margin:0 0 12px;font-size:24px;font-weight:600;color:#fff}.problem-meta{display:flex;gap:12px;font-size:14px;color:#fffc;align-items:center}.problem-tabs{display:flex;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px;position:relative}.problem-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#ffffff1a}.problem-tab{padding:10px 20px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:500;color:#ffffffb3;position:relative;transition:all .2s ease;margin-right:4px;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:8px}.problem-tab:hover{color:#fff;background:var(--sidebar-hover)}.problem-tab.active{color:#fff;background:var(--sidebar-active)}.problem-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background-color:#fff;border-radius:3px 3px 0 0}.guidedray-coding-platform-problem-description{line-height:1.7;font-size:15px;color:#ffffffe6;text-align:left}.guidedray-coding-platform-problem-description h3{margin:24px 0 12px;font-size:18px;font-weight:600;color:#fff}.guidedray-coding-platform-constraints{padding-left:0;margin:16px 0;list-style-type:none}.guidedray-coding-platform-constraints li{margin-bottom:8px;font-size:14px;padding-left:24px;position:relative;display:flex;align-items:center}.guidedray-coding-platform-constraints li svg{position:absolute;left:0;color:var(--primary-light)}.io-section{display:flex;gap:20px;margin:24px 0}.io-block{flex:1;background:#0003;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a}.io-block h3{margin-top:0;margin-bottom:12px;font-size:16px;color:#fff}.guidedray-coding-platform-code-block{background:#0000004d;border-radius:6px;padding:12px;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word;color:#fff;border-left:3px solid var(--primary-color);position:relative;margin:16px 0}.guidedray-coding-platform-code-block:before{content:attr(data-language);position:absolute;top:0;right:0;background-color:#0003;color:#ffffffb3;font-size:11px;padding:2px 8px;border-radius:0 0 0 4px}.submissions-placeholder,.discuss-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;text-align:center;color:#ffffffb3;padding:20px}.submissions-icon,.discuss-icon{margin-bottom:20px;opacity:.7}.submissions-placeholder h3,.discuss-placeholder h3{margin-bottom:12px;color:#fff;font-size:18px}.submissions-placeholder p,.discuss-placeholder p{max-width:300px;line-height:1.6}.guidedray-coding-platform-resize-handle{width:8px;background-color:#ffffff1a;cursor:col-resize;transition:all .2s ease;position:relative}.guidedray-coding-platform-resize-handle:hover,.guidedray-coding-platform-resize-handle:active{background-color:var(--primary-color)}.guidedray-coding-platform-resize-handle:before{content:"";position:absolute;top:50%;left:1px;right:1px;height:40px;transform:translateY(-50%);background-color:#ffffff4d;border-radius:3px}.guidedray-coding-platform-coding-section{height:100%;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-white)}.dark .guidedray-coding-platform-coding-section{background-color:var(--bg-dark)}.guidedray-coding-platform-editor-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.guidedray-coding-platform-editor-header{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background-color:var(--bg-white);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000d}.dark .guidedray-coding-platform-editor-header{background-color:var(--bg-dark);border-bottom:1px solid var(--border-dark)}.file-info{display:flex;align-items:center;gap:12px}.guidedray-coding-platform-file-name{font-weight:500;font-size:14px;color:var(--text-dark)}.language-version{font-size:12px;color:var(--text-light);background-color:var(--bg-code-light);padding:4px 10px;border-radius:12px;font-weight:500}.guidedray-coding-platform-action-buttons{display:flex;align-items:center;gap:16px}.guidedray-coding-platform-controls{display:flex;align-items:center;gap:12px}.guidedray-coding-platform-language-selector{padding:6px 30px 6px 12px;border-radius:6px;border:1px solid var(--border-light);background-color:var(--bg-white);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text-dark);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;min-width:120px}.guidedray-coding-platform-language-selector:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6c5ce733}.font-size-control{display:flex;align-items:center;gap:4px;background-color:var(--bg-code-light);border-radius:6px;padding:2px;border:1px solid var(--border-light)}.font-size-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer;border-radius:4px;font-weight:700;color:var(--text-dark);transition:all .2s ease}.font-size-btn:hover{background-color:#6c5ce71a;color:var(--primary-color)}.font-size-display{font-size:12px;width:30px;text-align:center;font-weight:500;color:var(--text-dark)}.action-buttons{display:flex;gap:8px}.guidedray-coding-platform-run-button,.guidedray-coding-platform-test-button,.guidedray-coding-platform-submit-button{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:6px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.guidedray-coding-platform-run-button{background-color:#6c5ce71a;color:var(--primary-color);border:1px solid rgba(108,92,231,.3)}.guidedray-coding-platform-test-button{background-color:#00b8941a;color:var(--success-color);border:1px solid rgba(0,184,148,.3)}.guidedray-coding-platform-submit-button{background-color:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.guidedray-coding-platform-editor-container{flex:1;overflow:hidden}.guidedray-coding-platform-input-section{padding:16px;border-top:1px solid var(--border-light);transition:all .3s ease}.dark .guidedray-coding-platform-input-section{border-top:1px solid var(--border-dark)}.guidedray-coding-platform-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.guidedray-coding-platform-input-header h3{margin:0;font-size:14px;font-weight:500;color:var(--text-dark)}.input-mode-selector{display:flex;gap:8px}.input-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;font-size:13px;background-color:#6c5ce71a;color:var(--primary-color);border:1px solid rgba(108,92,231,.2);cursor:pointer;transition:all .2s}.input-mode-btn:hover{background-color:#6c5ce733;border-color:#6c5ce74d}.input-mode-btn.active{background-color:#6c5ce74d;border-color:#6c5ce766;color:#fff}.guidedray-coding-platform-input{flex:1;padding:12px;border:none;resize:none;font-family:Fira Code,Consolas,Monaco,Courier New,monospace;background-color:var(--bg-white);color:var(--text-dark);line-height:1.5;-moz-tab-size:2;tab-size:2;width:100%;min-height:100px;border-radius:6px;border:1px solid var(--border-light)}.guidedray-coding-platform-input:focus{outline:none;box-shadow:inset 0 0 0 1px #6c5ce74d}.guidedray-coding-platform-output-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.guidedray-coding-platform-output-popup{width:80%;max-width:900px;max-height:80vh;background-color:var(--bg-white);border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;overflow:hidden;animation:popupFadeIn .3s ease-out forwards}.guidedray-coding-platform-output-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--primary-color);color:#fff}.guidedray-coding-platform-output-popup-header h3{margin:0;font-size:18px;font-weight:500}.guidedray-coding-platform-output-popup-close{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.guidedray-coding-platform-output-popup-close:hover{background-color:#fff3}.guidedray-coding-platform-output-popup-content{overflow-y:auto!important;padding:20px;gap:16px}.monaco-editor .margin-view-overlays .current-line-margin,.monaco-editor .margin-view-overlays .current-line-exact-margin{background-color:transparent!important;border:none!important}.test-results{margin-top:16px;border-radius:8px;overflow:hidden}.test-results-summary{padding:12px 16px;background-color:#6c5ce71a;color:var(--primary-color);font-weight:500;border-radius:8px 8px 0 0;display:flex;align-items:center;gap:8px}.test-cases{display:flex;flex-direction:column;gap:8px}.test-case{padding:12px 16px;border-radius:6px;transition:all .2s ease;animation:fadeIn .3s ease forwards}.test-case.passed{background-color:#00b8941a;border-left:4px solid var(--success-color)}.test-case.failed{background-color:#d630311a;border-left:4px solid var(--danger-color)}.test-case.error{background-color:#fdcb6e1a;border-left:4px solid var(--warning-color)}.test-case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.test-case-status{display:flex;align-items:center;gap:8px;font-weight:500}.test-case.passed .test-case-status{color:var(--success-color)}.test-case.failed .test-case-status{color:var(--danger-color)}.test-case.error .test-case-status{color:var(--warning-color)}.test-case-visibility{font-size:12px;display:flex;align-items:center;gap:4px;color:#ffffffb3;background-color:#ffffff1a;padding:3px 8px;border-radius:12px;position:relative}.test-case-visibility:after{content:"This test case is hidden during practice";position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--text-dark);color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.test-case-visibility:hover:after{opacity:1}.test-case-details{margin-top:12px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1)}.test-case-io{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.io-block{background-color:#0000001a;border-radius:6px;padding:10px}.io-label{font-size:12px;font-weight:500;margin-bottom:6px;color:#ffffffb3}.test-case-failure{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--danger-color);padding:8px;background-color:#d630311a;border-radius:4px}.test-case-error{font-size:13px;margin-top:8px}.error-message{font-weight:500;margin-bottom:8px}.error-details{font-family:Fira Code,monospace;white-space:pre-wrap;background-color:#0003;padding:10px;border-radius:4px;font-size:12px;margin-top:8px}.output-actions{display:flex;gap:8px;margin-bottom:12px}.guidedray-coding-platform-toggle-output-button{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;font-weight:500;background-color:#6c5ce71a;color:var(--primary-color);border:1px solid rgba(108,92,231,.3)}.guidedray-coding-platform-toggle-output-button:hover{background-color:#6c5ce733}.guidedray-coding-platform-output{background-color:var(--bg-code-light);padding:12px;border-radius:6px;font-family:Fira Code,monospace;font-size:14px;white-space:pre-wrap;word-break:break-word;line-height:1.6;margin:0;overflow-y:auto;max-height:300px}.guidedray-coding-platform-output .error-line{color:#ff5252;font-weight:700}.guidedray-coding-platform-output .warning-line{color:#ffc107}.guidedray-coding-platform-output .success-line{color:#4caf50}.guidedray-coding-platform-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:var(--sidebar-bg);border-top:1px solid var(--sidebar-bg);font-size:12px;color:#fff!important}.footer-left{display:flex;align-items:center;gap:16px}.status-indicator{display:flex;align-items:center;gap:6px;color:#fff}.indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success-color);animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.footer-right{display:flex;align-items:center;gap:16px}.guidedray-coding-platform-footer-links{display:flex;gap:12px}.guidedray-coding-platform-footer-links a{display:flex;align-items:center;gap:4px;color:#fff;text-decoration:none;transition:color .2s ease;font-weight:500}.guidedray-coding-platform-footer-links a:hover{color:var(--primary-color)}.monaco-editor .scroll-decoration{box-shadow:none!important}.monaco-editor .view-overlays .current-line{border:none!important;background-color:#6c5ce71a!important}.monaco-editor .margin{background-color:transparent!important}.monaco-editor .line-numbers{color:var(--text-light)!important}.monaco-editor .cursors-layer .cursor{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.monaco-editor .selectionHighlight{background-color:var(--selection-color)!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.test-case:nth-child(1){animation-delay:.1s}.test-case:nth-child(2){animation-delay:.2s}.test-case:nth-child(3){animation-delay:.3s}.test-case:nth-child(4){animation-delay:.4s}.test-case:nth-child(5){animation-delay:.5s}@media (max-width: 768px){.guidedray-coding-platform-main{flex-direction:column}.guidedray-coding-platform-problem-section,.guidedray-coding-platform-coding-section{width:100%!important;height:50%!important}.guidedray-coding-platform-resize-handle{display:none}.action-buttons{flex-direction:row}.io-section{flex-direction:column}.problem-tabs{overflow-x:auto;scrollbar-width:none}.problem-tabs::-webkit-scrollbar{display:none}.problem-tab{white-space:nowrap}.guidedray-coding-platform-problem-selector{padding:8px}.guidedray-coding-platform-problem-tab{padding:8px 12px}.guidedray-coding-platform-footer{flex-direction:column;gap:12px;padding:12px;text-align:center}.footer-left,.footer-right{width:100%;justify-content:center}.guidedray-coding-platform-output-popup{width:95%;max-height:90vh}.guidedray-coding-platform-output-popup-header{padding:12px 16px}.guidedray-coding-platform-output-popup-content{padding:16px}.test-case-io{grid-template-columns:1fr}.test-case-details{padding-top:8px}.test-case-header{flex-direction:column;align-items:flex-start;gap:8px}.test-case-visibility{align-self:flex-start}}@media (max-width: 480px){.guidedray-coding-platform-problem-section,.guidedray-coding-platform-coding-section{height:45%!important}.guidedray-coding-platform-action-buttons{flex-direction:column;gap:8px;align-items:flex-end}.action-buttons{width:100%;justify-content:flex-end}.file-info{flex-direction:column;align-items:flex-start;gap:4px}}.dark{--submit-button-bg: #2e7d32;--submit-button-text: #ffffff;--submit-button-border: #1b5e20;--submit-button-hover-bg: #1b5e20;--submit-button-hover-border: #003300;--submit-button-disabled-bg: #1b5e20;--submit-button-disabled-border: #003d00;--submit-button-disabled-text: #a5d6a7}:not(.dark){--submit-button-bg: #4caf50;--submit-button-text: #ffffff;--submit-button-border: #388e3c;--submit-button-hover-bg: #388e3c;--submit-button-hover-border: #2e7d32;--submit-button-disabled-bg: #81c784;--submit-button-disabled-border: #66bb6a;--submit-button-disabled-text: #e8f5e9}.dark .guidedray-coding-platform-code-block{background:#1e1e1e80;color:#e0e0e0}.dark .guidedray-coding-platform-code-block:before{background-color:#ffffff1a;color:#fffc}.dark .guidedray-coding-platform-problem-description{color:#e0e0e0}.dark .guidedray-coding-platform-problem-description h3{color:#fff}.dark .problem-tab{color:#a0a0a0}.dark .problem-tab:hover{color:#e0e0e0;background:#ffffff0d}.dark .problem-tab.active{color:#fff;background:var(--sidebar-active)}.dark .problem-meta{color:#b0b0b0}.dark .guidedray-coding-platform-file-name{color:#e0e0e0}.dark .language-version{color:#b0b0b0;background-color:#ffffff1a}.dark .font-size-btn{color:#e0e0e0}.dark .font-size-btn:hover{background-color:#6c5ce733}.dark .font-size-display{color:#e0e0e0}.dark .guidedray-coding-platform-run-button{background-color:#6c5ce733;color:var(--primary-light);border-color:#6c5ce766}.dark .guidedray-coding-platform-run-button:hover{background-color:#6c5ce74d}.dark .guidedray-coding-platform-test-button{background-color:#00b89433;color:#55efc4;border-color:#00b89466}.dark .guidedray-coding-platform-test-button:hover{background-color:#00b8944d}.dark .guidedray-coding-platform-submit-button{background-color:#2e7d3233;color:#81c784;border-color:#2e7d3266}.dark .guidedray-coding-platform-submit-button:hover{background-color:#2e7d324d}.dark .guidedray-coding-platform-input{background-color:var(--bg-dark);color:#e0e0e0}.dark .test-results th{color:#a0a0a0;border-bottom:1px solid var(--border-dark)}.dark .test-results td{border-bottom:1px solid var(--border-dark)}.dark .test-results-summary{background-color:#6c5ce733}.dark .test-case.passed{background-color:#00b89426}.dark .test-case.failed{background-color:#d6303126}.dark .test-case.error{background-color:#fdcb6e26}.dark .test-case-details{border-top-color:#ffffff0d}.dark .io-block{background-color:#ffffff0d}.dark .io-label{color:#b0b0b0}.dark .test-case-failure{background-color:#d6303126}.dark .error-details{background-color:#0000004d}.dark .test-case-visibility{color:#b0b0b0;background-color:#ffffff0d}.dark .test-case-visibility:after{background-color:var(--bg-light);color:var(--text-dark)}.dark .guidedray-coding-platform-toggle-output-button{background-color:#6c5ce733;color:var(--primary-light);border-color:#6c5ce766}.dark .guidedray-coding-platform-toggle-output-button:hover{background-color:#6c5ce74d}.dark .guidedray-coding-platform-output{background-color:var(--bg-code-dark)}.dark .status-indicator,.dark .guidedray-coding-platform-footer-links a{color:#a0a0a0}.dark .guidedray-coding-platform-footer-links a:hover{color:var(--primary-light)}.dark .monaco-editor .view-overlays .current-line{background-color:#6c5ce726!important}.dark .monaco-editor .line-numbers{color:#6a6a6a!important}.dark ::-webkit-scrollbar-track{background:#ffffff0d}.dark ::-webkit-scrollbar-thumb{background:#fff3}.dark ::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dark .guidedray-coding-platform-output-popup{background-color:var(--bg-dark)}.dark .guidedray-coding-platform-output-popup-header{background-color:var(--primary-dark)}.loading-placeholder{display:flex;flex-direction:column;gap:12px;padding:20px}.loading-line{height:16px;background-color:#0000001a;border-radius:4px;animation:pulse 1.5s infinite ease-in-out}.dark .loading-line{background-color:#ffffff1a}.loading-line.short{width:60%}.loading-line.medium{width:80%}.loading-line.long{width:100%}.keyboard-shortcut{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background-color:#0000001a;border-radius:3px;font-size:11px;font-weight:500;margin-left:6px;color:var(--text-dark)}.dark .keyboard-shortcut{background-color:#ffffff1a;color:#e0e0e0}.guidedray-coding-platform-run-button.loading,.guidedray-coding-platform-test-button.loading,.guidedray-coding-platform-submit-button.loading{position:relative;color:transparent}.guidedray-coding-platform-run-button.loading:after,.guidedray-coding-platform-test-button.loading:after,.guidedray-coding-platform-submit-button.loading:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.guidedray-coding-platform-output-popup-content{overflow-y:auto!important;max-height:calc(80vh - 60px)}.guidedray-coding-platform-output-popup-content::-webkit-scrollbar{width:8px}.guidedray-coding-platform-output-popup-content::-webkit-scrollbar-thumb{background-color:#6c5ce780;border-radius:3px}.dark .guidedray-coding-platform-output-popup-content::-webkit-scrollbar-thumb{background-color:#6c5ce7b3}.test-cases-container{max-height:100%;overflow-y:auto;padding-right:8px}.dark .monaco-editor,.dark .monaco-editor-background,.dark .monaco-editor .inputarea.ime-input,.dark .monaco-editor .margin{background-color:var(--bg-dark)!important}.guidedray-coding-platform-problem-content{scrollbar-width:thin}.guidedray-coding-platform-problem-content::-webkit-scrollbar-thumb{background-color:var(--primary-light)}.dark .guidedray-coding-platform-problem-content::-webkit-scrollbar-thumb{background-color:var(--primary-dark)}.dark .guidedray-coding-platform-clear-output-button{background-color:#d6303133;color:#ff7675;border-color:#d6303166}.dark .guidedray-coding-platform-clear-output-button:hover{background-color:#d630314d}.dark .guidedray-coding-platform-input{background-color:var(--bg-dark);color:#e0e0e0;border-color:var(--border-dark)}.dark .guidedray-coding-platform-problem-description{color:#ffffffe6}.dark .submissions-placeholder,.dark .discuss-placeholder{color:#a0a0a0}.dark .submissions-placeholder h3,.dark .discuss-placeholder h3{color:#fff}@media (max-width: 480px){.guidedray-coding-platform-problem-tab{padding:8px 10px;font-size:12px}.problem-title{font-size:12px}.difficulty-badge{font-size:9px;padding:2px 6px}.guidedray-coding-platform-language-selector{min-width:100px;font-size:12px}.guidedray-coding-platform-run-button,.guidedray-coding-platform-test-button,.guidedray-coding-platform-submit-button{padding:6px 10px;font-size:12px}.guidedray-coding-platform-output-popup{width:98%;max-height:95vh}}.student-registration{font-family:Montserrat,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;width:100vw;transition:all .3s ease}.student-registration-light-mode{background-color:#f8f9fa;color:#212529}.student-registration-dark-mode{background-color:#121212;color:#f8f9fa}.student-registration-container{background-color:#050098;margin:0 auto;padding-left:20px}.student-registration-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.student-registration-offerings{border-radius:16px;height:fit-content;height:100vh;overflow:auto;position:sticky;padding-top:30px;padding-bottom:30px;top:1rem}.student-registration-offerings::-webkit-scrollbar{display:none}.student-registration-light-mode .student-registration-offerings{background-color:#fff0}.student-registration-dark-mode .student-registration-offerings{background-color:#1e1e1e}.student-registration-offerings-header{text-align:center;margin-bottom:2rem}.student-registration-offerings-logo{height:60px;width:auto;margin-bottom:1rem}.student-registration-offerings-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;color:#fbfbfb}.student-registration-dark-mode .student-registration-offerings-title{color:#feffff}.student-registration-offerings-subtitle{font-size:1rem;opacity:.9;color:#fff}.student-registration-dark-mode .student-registration-offerings-subtitle{color:#adb5bd}.student-registration-offerings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.student-registration-offering-card{border-radius:12px;overflow:hidden;transition:all .3s ease}.student-registration-light-mode .student-registration-offering-card{background-color:#f8f9fa}.student-registration-dark-mode .student-registration-offering-card{background-color:#2d2d2d}.student-registration-offering-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.student-registration-offering-image-container{height:150px;overflow:hidden}.student-registration-offering-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.student-registration-offering-card:hover .student-registration-offering-image{transform:scale(1.05)}.student-registration-offering-content{padding:1.25rem}.student-registration-offering-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#001f3f}.student-registration-dark-mode .student-registration-offering-title{color:#f8f9fa}.student-registration-offering-description{font-size:.9rem;color:#6c757d;line-height:1.5}.student-registration-dark-mode .student-registration-offering-description{color:#adb5bd}.student-registration-card{border-top-left-radius:30px;border-bottom-left-radius:30px;max-height:100vh;overflow:auto;transition:all .3s ease}.student-registration-light-mode .student-registration-card{background-color:#fff}.student-registration-dark-mode .student-registration-card{background-color:#1e1e1e}.student-registration-card-gradient{padding:3px;border-radius:16px}.student-registration-card-inner{padding:2.5rem;border-radius:14px}.student-registration-light-mode .student-registration-card-inner{background-color:#fff}.student-registration-dark-mode .student-registration-card-inner{background-color:#1e1e1e}.student-registration-header{margin-bottom:2rem;text-align:center}.student-registration-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#001f3f,#036);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.student-registration-dark-mode .student-registration-title{background:linear-gradient(90deg,#0074d9,#7fdbff)}.student-registration-subtitle{font-size:1.125rem;opacity:.9;max-width:600px;margin:0 auto}.student-registration-light-mode .student-registration-subtitle{color:#495057}.student-registration-dark-mode .student-registration-subtitle{color:#adb5bd}.student-registration-form{display:flex;flex-direction:column;gap:2rem}.student-registration-form-section{display:flex;flex-direction:column;gap:1.5rem}.student-registration-section-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;position:relative;padding-bottom:.75rem}.student-registration-light-mode .student-registration-section-title{color:#212529;border-bottom:2px solid #dee2e6}.student-registration-dark-mode .student-registration-section-title{color:#f8f9fa;border-bottom:2px solid #333}.student-registration-form-group{display:flex;flex-direction:column;gap:.75rem}.student-registration-form-label{font-weight:600;font-size:.95rem;text-align:left}.student-registration-light-mode .student-registration-form-label{color:#495057}.student-registration-dark-mode .student-registration-form-label{color:#e9ecef}.student-registration-required{color:#e63946}.student-registration-form-input{width:100%;padding:1rem;border-radius:10px;font-size:1rem;transition:all .3s ease;border:2px solid}.student-registration-light-mode .student-registration-form-input{background-color:#fff;border-color:#dee2e6;color:#212529}.student-registration-dark-mode .student-registration-form-input{background-color:#2d2d2d;border-color:#444;color:#f8f9fa}.student-registration-form-input:focus{outline:none;border-color:#0074d9;box-shadow:0 0 0 4px #0074d933}.student-registration-form-input::placeholder{opacity:.7}.student-registration-light-mode .student-registration-form-input::placeholder{color:#6c757d}.student-registration-dark-mode .student-registration-form-input::placeholder{color:#adb5bd}.student-registration-file-upload-container{display:flex;align-items:center;gap:1.5rem;margin-top:.5rem}.student-registration-avatar-preview{position:relative}.student-registration-avatar-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #0074D9}.student-registration-avatar-placeholder{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px dashed;transition:all .3s ease}.student-registration-light-mode .student-registration-avatar-placeholder{border-color:#adb5bd;background-color:#f1f3f5}.student-registration-dark-mode .student-registration-avatar-placeholder{border-color:#495057;background-color:#2d2d2d}.student-registration-avatar-icon{width:24px;height:24px;stroke:#0074d9;stroke-width:2}.student-registration-upload-btn{padding:.875rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.student-registration-light-mode .student-registration-upload-btn{background-color:#f1f3f5;color:#212529}.student-registration-dark-mode .student-registration-upload-btn{background-color:#333;color:#f8f9fa}.student-registration-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a}.student-registration-file-input{display:none}.student-registration-terms-container{margin:1.5rem 0;padding:1.25rem;border-radius:10px;transition:all .3s ease}.student-registration-light-mode .student-registration-terms-container{background-color:#f1f3f5}.student-registration-dark-mode .student-registration-terms-container{background-color:#2d2d2d}.student-registration-terms-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease}.student-registration-light-mode .student-registration-terms-label{color:#495057}.student-registration-dark-mode .student-registration-terms-label{color:#e9ecef}.student-registration-terms-checkbox{width:20px;height:20px;border-radius:6px;border:2px solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease;position:relative;flex-shrink:0}.student-registration-light-mode .student-registration-terms-checkbox{border-color:#adb5bd}.student-registration-dark-mode .student-registration-terms-checkbox{border-color:#6c757d}.student-registration-terms-checkbox:checked{background-color:#0074d9;border-color:#0074d9}.student-registration-terms-checkbox:checked:after{content:"✓";position:absolute;color:#fff;font-size:12px;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.student-registration-terms-link{color:#0074d9;text-decoration:none;font-weight:600}.student-registration-terms-link:hover{text-decoration:underline}.student-registration-submit-container{margin-top:1rem}.student-registration-submit-btn{width:100%;padding:1.25rem;border-radius:10px;font-size:1.125rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#001f3f,#036,#0074d9);border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:0 4px 6px -1px #0000001a}.student-registration-submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;background:linear-gradient(135deg,#036,#0074d9,#7fdbff)}.student-registration-submit-btn:active{transform:translateY(0)}.student-registration-disabled{opacity:.7;cursor:not-allowed;transform:none!important;box-shadow:none!important}.student-registration-submit-loading{display:flex;align-items:center;gap:.75rem}.student-registration-spinner{width:20px;height:20px;animation:student-registration-spin 1s linear infinite}@keyframes student-registration-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.student-registration-spinner-circle{opacity:.25;stroke:currentColor;stroke-width:4;fill:none}.student-registration-spinner-path{opacity:.75;fill:currentColor}.student-registration-success-message{margin-bottom:2rem;padding:1.25rem;border-radius:10px;font-weight:600;text-align:center;transition:all .3s ease}.student-registration-light .student-registration-success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.student-registration-dark .student-registration-success-message{background-color:#14532d4d;color:#c3e6cb;border:1px solid rgba(195,230,203,.3)}@media (max-width: 1200px){.student-registration-layout{grid-template-columns:1fr}.student-registration-offerings{position:static;margin-bottom:2rem}}@media (max-width: 768px){.student-registration-card-inner{padding:1.75rem}.student-registration-title{font-size:2rem}.student-registration-subtitle{font-size:1rem}.student-registration-offerings-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 576px){.student-registration-card-inner{padding:1.5rem}.student-registration-file-upload-container{flex-direction:column;align-items:flex-start}.student-registration-title{font-size:1.75rem}.student-registration-offerings-grid{grid-template-columns:1fr}}:root{--guideray-student-login-primary-color: rgb(9, 7, 69);--guideray-student-login-secondary-color: #4a47a3;--guideray-student-login-accent-color: #6c63ff;--guideray-student-login-light-color: #f8f9fa;--guideray-student-login-dark-color: #010daf;--guideray-student-login-success-color: #28a745;--guideray-student-login-warning-color: #ffc107;--guideray-student-login-danger-color: #dc3545;--guideray-student-login-info-color: #17a2b8;--guideray-student-login-text-color: #333;--guideray-student-login-text-light: #6c757d;--guideray-student-login-border-radius: 8px;--guideray-student-login-box-shadow: 0 4px 20px rgba(0, 0, 0, .1);--guideray-student-login-transition: all .3s ease;--guideray-student-login-gradient: rgb(5, 0, 152)}*{font-family:Poppins,sans-serif}.guideray-student-login-logo img{height:48px;transition:all .3s ease}.guideray-student-login-logo{width:100%;margin-bottom:20px}.guideray-student-login-container{display:flex;min-height:100vh;min-width:100vw;background:var(--guideray-student-login-gradient);position:relative;overflow:hidden}.guideray-student-login-left-section{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;overflow:hidden;position:relative;padding-top:40px;min-width:50vw;z-index:2}.guideray-student-login-right-section{flex:1;display:flex;justify-content:center;align-items:center;background-color:#fff;position:relative;min-width:50vw;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:2}.guideray-student-login-welcome-content{max-width:800px;margin:0 auto;padding:1rem;animation:fadeIn .8s ease-out;position:relative;z-index:3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.guideray-student-login-logo-container{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.guideray-student-login-company-logo{height:50px;width:auto;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.guideray-student-login-welcome-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;display:inline-block}.guideray-student-login-welcome-text{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;opacity:.9;max-width:600px}.guideray-student-login-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}.guideray-student-login-feature-item{display:flex;align-items:center;gap:.8rem;background:#ffffff1a;padding:.8rem 1rem;border-radius:var(--guideray-student-login-border-radius);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);transition:var(--guideray-student-login-transition)}.guideray-student-login-feature-item:hover{background:#fff3;transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}.guideray-student-login-feature-icon{font-size:1.5rem;color:var(--guideray-student-login-accent-color);min-width:24px}.guideray-student-login-feature-item span{font-weight:500}.guideray-student-login-language-scroll-container{width:100%;animation:slideUp .8s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;z-index:3}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.guideray-student-login-section-title{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:600;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.guideray-student-login-languages-scroll-wrapper{overflow-x:auto;white-space:nowrap;position:relative;padding-bottom:15px;cursor:grab;margin-top:20px;scrollbar-width:none;-ms-overflow-style:none}.guideray-student-login-languages-scroll-wrapper::-webkit-scrollbar{display:none}.guideray-student-login-languages-scroll-wrapper:active{cursor:grabbing}.guideray-student-login-languages-container{display:inline-flex;gap:1.5rem;will-change:transform;-webkit-user-select:none;user-select:none;padding:10px 0}.guideray-student-login-language-card{display:inline-block;width:150px;height:180px;background:#ffffff1a;border-radius:var(--guideray-student-login-border-radius);overflow:hidden;box-shadow:var(--guideray-student-login-box-shadow);transition:var(--guideray-student-login-transition);position:relative;white-space:normal;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.guideray-student-login-language-image{height:100px;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#ffffff1a;padding:15px}.guideray-student-login-language-image img{width:auto;max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.guideray-student-login-language-info{padding:.8rem;text-align:center}.guideray-student-login-language-name{margin:0;font-size:1rem;color:#fff;font-weight:600;line-height:1.3;white-space:normal}.guideray-student-login-form-container{width:100%;max-width:400px;padding:2rem;animation:fadeInRight .8s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.guideray-student-login-form-header{text-align:center;margin-bottom:2rem}.guideray-student-login-user-icon{font-size:3rem;color:var(--guideray-student-login-accent-color);margin-bottom:1rem}.guideray-student-login-form-header h2{font-size:1.8rem;color:var(--guideray-student-login-dark-color);margin-bottom:.5rem;font-weight:700}.guideray-student-login-form-header p{color:var(--guideray-student-login-text-light);font-size:.9rem}.guideray-student-login-form{display:flex;flex-direction:column;gap:1.5rem}.guideray-student-login-error-message{color:var(--guideray-student-login-danger-color);background-color:#dc35451a;padding:.8rem;border-radius:var(--guideray-student-login-border-radius);font-size:.9rem;text-align:center;border-left:4px solid var(--guideray-student-login-danger-color);animation:shake .5s ease}.guideray-student-login-success-message{color:var(--guideray-student-login-success-color);background-color:#28a7451a;padding:.8rem;border-radius:var(--guideray-student-login-border-radius);font-size:.9rem;text-align:center;border-left:4px solid var(--guideray-student-login-success-color)}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.guideray-student-login-input-group{display:flex;flex-direction:column;gap:.5rem}.guideray-student-login-input-group label{font-size:.9rem;color:var(--guideray-student-login-text-color);font-weight:500}.guideray-student-login-input-wrapper{position:relative;display:flex;align-items:center}.guideray-student-login-input-icon{position:absolute;left:1rem;color:var(--guideray-student-login-text-light);font-size:1.1rem}.guideray-student-login-input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid #ddd;border-radius:var(--guideray-student-login-border-radius);font-size:.9rem;transition:var(--guideray-student-login-transition);background-color:#f9f9f9}.guideray-student-login-input:focus{outline:none;border-color:var(--guideray-student-login-accent-color);box-shadow:0 0 0 3px #6c63ff33;background-color:#fff}.guideray-student-login-otp-container{display:flex;justify-content:center;gap:.8rem;margin:1.5rem 0}.guideray-student-login-otp-input{width:45px;height:50px;text-align:center;font-size:1.2rem;border:1px solid #ddd;border-radius:var(--guideray-student-login-border-radius);transition:var(--guideray-student-login-transition);background-color:#f9f9f9}.guideray-student-login-otp-input:focus{border-color:var(--guideray-student-login-accent-color);box-shadow:0 0 0 3px #6c63ff33;outline:none;background-color:#fff}.guideray-student-login-otp-resend{text-align:center;margin-bottom:1.5rem;font-size:.9rem;color:var(--guideray-student-login-text-light)}.guideray-student-login-resend-button{background:none;border:none;color:var(--guideray-student-login-accent-color);font-weight:600;margin-left:.5rem;cursor:pointer;transition:var(--guideray-student-login-transition);padding:.2rem .5rem;border-radius:4px}.guideray-student-login-resend-button:hover{text-decoration:underline;background-color:#6c63ff1a}.guideray-student-login-resend-button:disabled{color:var(--guideray-student-login-text-light);cursor:not-allowed;text-decoration:none;background-color:transparent}.guideray-student-login-back-to-email{text-align:center;margin-top:1.5rem}.guideray-student-login-back-button{background:none;border:none;color:var(--guideray-student-login-accent-color);font-weight:600;cursor:pointer;transition:var(--guideray-student-login-transition);padding:.3rem .6rem;border-radius:4px}.guideray-student-login-back-button:hover{text-decoration:underline;background-color:#6c63ff1a}.guideray-student-login-button{background-color:var(--guideray-student-login-accent-color);color:#fff;border:none;padding:1rem;border-radius:var(--guideray-student-login-border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--guideray-student-login-transition);display:flex;align-items:center;justify-content:center;margin-top:20px;gap:.5rem;width:100%;box-shadow:0 4px 6px #6c63ff33}.guideray-student-login-button:hover{background-color:var(--guideray-student-login-secondary-color);transform:translateY(-2px);box-shadow:0 6px 8px #6c63ff4d}.guideray-student-login-button:active{transform:translateY(0);box-shadow:0 2px 4px #6c63ff33}.guideray-student-login-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.guideray-student-login-arrow-icon{transition:var(--guideray-student-login-transition)}.guideray-student-login-button:hover .guideray-student-login-arrow-icon{transform:translate(3px)}.guideray-student-login-signup-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--guideray-student-login-text-light)}.guideray-student-login-signup-link a{color:var(--guideray-student-login-accent-color);text-decoration:none;font-weight:500;transition:var(--guideray-student-login-transition)}.guideray-student-login-signup-link a:hover{text-decoration:underline}.guideray-student-login-icon-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1;pointer-events:none}.guideray-student-login-bg-icon{position:absolute;color:#ffffff1a;z-index:1;animation:float 15s infinite linear}.guideray-student-login-bg-icon-1{top:10%;left:5%;font-size:22px;opacity:.3;animation-delay:0s}.guideray-student-login-bg-icon-2{top:15%;left:25%;font-size:28px;opacity:.24;animation-delay:1s}.guideray-student-login-bg-icon-3{top:8%;left:45%;font-size:24px;opacity:.36;animation-delay:2s}.guideray-student-login-bg-icon-4{top:12%;left:65%;font-size:31px;opacity:.2;animation-delay:3s}.guideray-student-login-bg-icon-5{top:30%;left:10%;font-size:26px;opacity:.26;animation-delay:4s}.guideray-student-login-bg-icon-6{top:35%;left:30%;font-size:19px;opacity:.34;animation-delay:5s}.guideray-student-login-bg-icon-7{top:28%;left:50%;font-size:22px;opacity:.28;animation-delay:6s}.guideray-student-login-bg-icon-8{top:32%;left:70%;font-size:25px;opacity:.22;animation-delay:7s}.guideray-student-login-bg-icon-9{top:50%;left:15%;font-size:29px;opacity:.32;animation-delay:8s}.guideray-student-login-bg-icon-10{top:55%;left:35%;font-size:16px;opacity:.38;animation-delay:9s}.guideray-student-login-bg-icon-11{top:48%;left:55%;font-size:23px;opacity:.24;animation-delay:10s}.guideray-student-login-bg-icon-12{top:52%;left:75%;font-size:27px;opacity:.3;animation-delay:11s}.guideray-student-login-bg-icon-13{top:70%;left:20%;font-size:20px;opacity:.28;animation-delay:12s}.guideray-student-login-bg-icon-14{top:75%;left:40%;font-size:25px;opacity:.22;animation-delay:13s}.guideray-student-login-bg-icon-15{top:68%;left:60%;font-size:18px;opacity:.34;animation-delay:14s}.guideray-student-login-bg-icon-16{top:72%;left:80%;font-size:30px;opacity:.88;animation-delay:15s}.guideray-student-login-bg-icon-17{top:5%;left:15%;font-size:20px;opacity:.24;animation-delay:16s}.guideray-student-login-bg-icon-18{top:20%;left:35%;font-size:26px;opacity:.3;animation-delay:17s}.guideray-student-login-bg-icon-19{top:12%;left:55%;font-size:22px;opacity:.36;animation-delay:18s}.guideray-student-login-bg-icon-20{top:18%;left:75%;font-size:28px;opacity:.2;animation-delay:19s}.guideray-student-login-bg-icon-21{top:25%;left:20%;font-size:24px;opacity:.26;animation-delay:20s}.guideray-student-login-bg-icon-22{top:40%;left:40%;font-size:18px;opacity:.34;animation-delay:21s}.guideray-student-login-bg-icon-23{top:33%;left:60%;font-size:21px;opacity:.28;animation-delay:22s}.guideray-student-login-bg-icon-24{top:37%;left:80%;font-size:25px;opacity:.22;animation-delay:23s}.guideray-student-login-bg-icon-25{top:45%;left:25%;font-size:27px;opacity:.32;animation-delay:24s}.guideray-student-login-bg-icon-26{top:60%;left:45%;font-size:15px;opacity:.38;animation-delay:25s}.guideray-student-login-bg-icon-27{top:53%;left:65%;font-size:22px;opacity:.24;animation-delay:26s}.guideray-student-login-bg-icon-28{top:57%;left:85%;font-size:26px;opacity:.3;animation-delay:27s}.guideray-student-login-bg-icon-29{top:65%;left:30%;font-size:19px;opacity:.28;animation-delay:28s}.guideray-student-login-bg-icon-30{top:80%;left:50%;font-size:24px;opacity:.22;animation-delay:29s}.guideray-student-login-bg-icon-31{top:73%;left:70%;font-size:17px;opacity:.34;animation-delay:30s}.guideray-student-login-bg-icon-32{top:77%;left:90%;font-size:29px;opacity:.88;animation-delay:31s}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}@media (max-width: 1024px){.guideray-student-login-container{flex-direction:column}.guideray-student-login-left-section,.guideray-student-login-right-section{flex:none}.guideray-student-login-left-section{padding:1.5rem}.guideray-student-login-language-scroll-container{max-width:100%}.guideray-student-login-form-container{max-width:500px;margin:2rem auto}}@media (max-width: 768px){.guideray-student-login-features{grid-template-columns:1fr}.guideray-student-login-language-card{width:130px;height:160px}.guideray-student-login-language-image{height:90px}.guideray-student-login-welcome-content,.guideray-student-login-language-scroll-container{padding:1rem}.guideray-student-login-left-section{order:2}.guideray-student-login-right-section{order:0}}@media (max-width: 480px){.guideray-student-login-logo-container{flex-direction:column;text-align:center}.guideray-student-login-company-logo{margin-right:0;margin-bottom:1rem}.guideray-student-login-otp-container{gap:.5rem}.guideray-student-login-otp-input{width:40px;height:45px;font-size:1rem}.guideray-student-login-language-card{width:110px;height:140px}.guideray-student-login-language-image{height:80px;padding:10px}.guideray-student-login-language-name{font-size:.9rem}.guideray-student-login-form-container{padding:1.5rem}.guideray-student-login-form-header h2{font-size:1.5rem}}.guideray-student-profile-container{max-width:90vw;margin:2rem auto;padding:2.5rem;border-radius:1.25rem;background:#fff;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;position:relative;min-height:100vh;max-height:100vh;overflow:auto}.guideray-student-profile-dark{background:#1e293b;color:#f8fafc;box-shadow:0 10px 30px #0003}.guideray-student-profile-header{display:flex;align-items:center;margin-bottom:2.5rem;gap:1.5rem;flex-wrap:wrap;position:relative;z-index:2}.guideray-student-profile-avatar-container{position:relative;flex-shrink:0}.guideray-student-profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:4px solid #e2e8f0;box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.guideray-student-profile-dark .guideray-student-profile-avatar{border-color:#334155}.guideray-student-profile-avatar-fallback{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.25rem;font-weight:700;border:4px solid #e2e8f0;box-shadow:0 8px 16px #0000001a;transition:all .3s ease}.guideray-student-profile-dark .guideray-student-profile-avatar-fallback{border-color:#334155}.guideray-student-profile-status{position:absolute;bottom:0;right:0;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 2px 4px #0000001a}.guideray-student-profile-status.active{background:linear-gradient(to right,#10b981,#34d399)}.guideray-student-profile-status.inactive{background:linear-gradient(to right,#64748b,#94a3b8)}.guideray-student-profile-info{flex:1;min-width:0}.guideray-student-profile-name-container{display:flex;align-items:center;flex-wrap:wrap;gap:.625rem;margin-bottom:.5rem}.guideray-student-profile-name{margin:0;font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1.2}.guideray-student-profile-dark .guideray-student-profile-name{color:#f8fafc}.guideray-student-profile-id{display:inline-flex;align-items:center;padding:.25rem .75rem;background:#f1f5f9;border-radius:1rem;font-size:.875rem;font-weight:500;color:#64748b;transition:all .2s ease}.guideray-student-profile-dark .guideray-student-profile-id{background:#334155;color:#94a3b8}.guideray-student-profile-id-icon{margin-right:.375rem;font-size:.875rem}.guideray-student-profile-email{display:flex;align-items:center;font-size:1rem;color:#64748b;margin-bottom:0}.guideray-student-profile-dark .guideray-student-profile-email{color:#94a3b8}.guideray-student-profile-email-icon{margin-right:.5rem;font-size:1.125rem}.guideray-student-profile-edit-btn{display:inline-flex;align-items:center;padding:.625rem 1.125rem;background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto;box-shadow:0 4px 6px #6366f133}.guideray-student-profile-edit-btn:hover{background:linear-gradient(to right,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 8px #6366f14d}.guideray-student-profile-edit-btn:active{transform:translateY(0)}.guideray-student-profile-edit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.guideray-student-profile-edit-btn.cancel{background:linear-gradient(to right,#ef4444,#f87171);box-shadow:0 4px 6px #ef444433}.guideray-student-profile-edit-btn.cancel:hover{background:linear-gradient(to right,#dc2626,#f87171);box-shadow:0 6px 8px #ef44444d}.guideray-student-profile-edit-icon{margin-right:.5rem;font-size:1rem}.guideray-student-profile-section{margin-bottom:2.5rem;position:relative}.guideray-student-profile-section-title{display:flex;align-items:center;font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:1.25rem;padding-bottom:.625rem;border-bottom:2px solid #e2e8f0}.guideray-student-profile-dark .guideray-student-profile-section-title{color:#f8fafc;border-bottom-color:#334155}.guideray-student-profile-section-icon{margin-right:.75rem;color:#6366f1}.guideray-student-profile-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.guideray-student-profile-detail-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#f8fafc;border-radius:.75rem;transition:all .2s ease;border:1px solid #e2e8f0}.guideray-student-profile-dark .guideray-student-profile-detail-item{background:#334155;border-color:#475569}.guideray-student-profile-detail-item:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.guideray-student-profile-dark .guideray-student-profile-detail-item:hover{box-shadow:0 5px 15px #0003}.guideray-student-profile-detail-icon{font-size:1.25rem;color:#6366f1;margin-top:.125rem;flex-shrink:0}.guideray-student-profile-detail-label{display:block;font-size:.8125rem;font-weight:500;color:#64748b;margin-bottom:.25rem}.guideray-student-profile-dark .guideray-student-profile-detail-label{color:#94a3b8}.guideray-student-profile-detail-value{display:block;font-size:.9375rem;font-weight:500;color:#1e293b;line-height:1.4}.guideray-student-profile-dark .guideray-student-profile-detail-value{color:#f8fafc}.guideray-student-profile-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.guideray-student-profile-form-group{margin-bottom:0}.guideray-student-profile-form-label{display:block;font-size:.8125rem;font-weight:500;color:#64748b;margin-bottom:.5rem}.guideray-student-profile-dark .guideray-student-profile-form-label{color:#94a3b8}.guideray-student-profile-form-input{width:100%;padding:.75rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;color:#1e293b;background:#f8fafc;transition:all .2s ease}.guideray-student-profile-dark .guideray-student-profile-form-input{background:#334155;border-color:#475569;color:#f8fafc}.guideray-student-profile-form-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.guideray-student-profile-form-input::placeholder{color:#94a3b8;opacity:.7}.guideray-student-profile-save-btn{display:inline-flex;align-items:center;padding:.75rem 1.5rem;background:linear-gradient(to right,#10b981,#34d399);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1.25rem;grid-column:1 / -1;justify-self:start;box-shadow:0 4px 6px #10b98133}.guideray-student-profile-save-btn:hover{background:linear-gradient(to right,#059669,#10b981);transform:translateY(-2px);box-shadow:0 6px 8px #10b9814d}.guideray-student-profile-save-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.guideray-student-profile-save-icon{margin-right:.5rem;font-size:1rem}.guideray-student-profile-mentor-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:#f8fafc;border-radius:.75rem;transition:all .2s ease;border:1px solid #e2e8f0}.guideray-student-profile-dark .guideray-student-profile-mentor-card{background:#334155;border-color:#475569}.guideray-student-profile-mentor-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000000d}.guideray-student-profile-dark .guideray-student-profile-mentor-card:hover{box-shadow:0 5px 15px #0003}.guideray-student-profile-mentor-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;flex-shrink:0}.guideray-student-profile-mentor-info{flex:1;min-width:0}.guideray-student-profile-mentor-name{margin:0 0 .375rem;font-size:1.125rem;font-weight:600;color:#1e293b}.guideray-student-profile-dark .guideray-student-profile-mentor-name{color:#f8fafc}.guideray-student-profile-mentor-email{display:flex;align-items:center;font-size:.875rem;color:#64748b;margin-bottom:.75rem}.guideray-student-profile-dark .guideray-student-profile-mentor-email{color:#94a3b8}.guideray-student-profile-mentor-email-icon{margin-right:.5rem;font-size:1rem}.guideray-student-profile-mentor-contact{display:inline-block;padding:.5rem 1rem;background:linear-gradient(to right,#6366f1,#8b5cf6);color:#fff;border-radius:.375rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 4px #6366f133}.guideray-student-profile-mentor-contact:hover{background:linear-gradient(to right,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 4px 6px #6366f14d}.guideray-student-profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.75rem;text-align:center}.guideray-student-profile-loading-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:guideray-student-profile-spin 1s linear infinite;margin-bottom:1.25rem}.guideray-student-profile-loading-progress{width:200px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;position:relative}.guideray-student-profile-loading-progress:after{content:"";position:absolute;left:0;top:0;height:100%;width:50%;background:linear-gradient(to right,#6366f1,#8b5cf6);animation:guideray-student-profile-progress 2s ease-in-out infinite}@keyframes guideray-student-profile-spin{to{transform:rotate(360deg)}}@keyframes guideray-student-profile-progress{0%{left:-50%;width:50%}to{left:100%;width:10%}}.guideray-student-profile-error{padding:2.5rem;text-align:center;background:#fee2e2;border-radius:.75rem;max-width:500px;margin:2rem auto}.guideray-student-profile-dark .guideray-student-profile-error{background:#7f1d1d}.guideray-student-profile-error-icon{font-size:2.5rem;color:#ef4444;margin-bottom:1rem}.guideray-student-profile-dark .guideray-student-profile-error-icon{color:#fecaca}.guideray-student-profile-error h3{margin:0 0 .5rem;color:#b91c1c;font-size:1.25rem}.guideray-student-profile-dark .guideray-student-profile-error h3{color:#fecaca}.guideray-student-profile-error p{margin:0 0 1.5rem;color:#b91c1c;font-size:.9375rem}.guideray-student-profile-dark .guideray-student-profile-error p{color:#fecaca}.guideray-student-profile-error-link{display:inline-block;padding:.625rem 1.25rem;background:#ef4444;color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease}.guideray-student-profile-dark .guideray-student-profile-error-link{background:#dc2626}.guideray-student-profile-error-link:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 2px 4px #ef444433}@media (max-width: 768px){.guideray-student-profile-container{padding:1.5rem;margin:1rem}.guideray-student-profile-header{flex-direction:column;text-align:center;gap:1.25rem}.guideray-student-profile-info{text-align:center;width:100%}.guideray-student-profile-name-container,.guideray-student-profile-email{justify-content:center}.guideray-student-profile-edit-btn{margin-left:0;margin-top:.625rem;width:100%;justify-content:center}.guideray-student-profile-mentor-card{flex-direction:column;text-align:center}.guideray-student-profile-mentor-info{text-align:center}.guideray-student-profile-mentor-email{justify-content:center}.guideray-student-profile-details-grid,.guideray-student-profile-form{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guideray-student-profile-container{animation:fadeIn .5s ease-out}.guideray-student-profile-detail-item{animation:fadeIn .3s ease-out;animation-fill-mode:both}.guideray-student-profile-detail-item:nth-child(1){animation-delay:.1s}.guideray-student-profile-detail-item:nth-child(2){animation-delay:.2s}.guideray-student-profile-detail-item:nth-child(3){animation-delay:.3s}.guideray-student-profile-detail-item:nth-child(4){animation-delay:.4s}.guideray-student-notification-container{max-width:100vw;margin:2rem auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#2d3748;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;box-shadow:0 10px 25px #0000000d}.guideray-student-notification-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.guideray-student-notification-title{display:flex;align-items:center;gap:1rem}.guideray-student-notification-icon{font-size:2rem;color:#4f46e5;background:#e0e7ff;padding:.5rem;border-radius:12px}.guideray-student-notification-title h1{font-size:1.875rem;font-weight:700;margin:0;color:#1e293b;background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.guideray-student-notification-count{margin-left:auto;font-size:.9375rem;color:#64748b;background:#e2e8f0;padding:.375rem 1rem;border-radius:9999px;font-weight:600}.guideray-student-notification-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.guideray-student-notification-action-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;font-size:.9375rem;box-shadow:0 2px 5px #0000001a}.guideray-student-notification-mark-read-btn{background-color:#4f46e5;color:#fff}.guideray-student-notification-mark-read-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 10px #4f46e54d}.guideray-student-notification-delete-btn{background-color:#ef4444;color:#fff}.guideray-student-notification-delete-btn:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 10px #ef44444d}.guideray-student-notification-selected-count{font-size:.9375rem;color:#475569;margin-left:auto;font-weight:600}.guideray-student-notification-list{display:flex;flex-direction:column;gap:1.25rem}.guideray-student-notification-card{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;border-left:6px solid transparent}.guideray-student-notification-card.guideray-student-notification-unread{border-left-color:#4f46e5;background-color:#f8fafc;box-shadow:0 4px 15px #4f46e526}.guideray-student-notification-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0000001a}.guideray-student-notification-checkbox{padding:1.5rem 1.25rem;display:flex;align-items:flex-start}.guideray-student-notification-checkbox input[type=checkbox]{opacity:0;position:absolute}.guideray-student-notification-checkbox label{position:relative;display:inline-block;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .3s}.guideray-student-notification-checkbox input[type=checkbox]:checked+label{background-color:#4f46e5;border-color:#4f46e5}.guideray-student-notification-checkbox label:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:all .3s}.guideray-student-notification-checkbox input[type=checkbox]:checked+label:after{opacity:1}.guideray-student-notification-content{flex:1;padding:1.5rem 1.5rem 1.5rem 0}.guideray-student-notification-card-header{display:flex;align-items:flex-start;margin-bottom:.75rem;gap:1rem;flex-wrap:wrap}.guideray-student-notification-icon-container{margin-top:.25rem}.notification-type-icon{font-size:1.5rem;padding:.5rem;border-radius:10px}.notification-type-icon.exam{color:#d946ef;background-color:#f5d0fe}.notification-type-icon.alert{color:#f59e0b;background-color:#fef3c7}.notification-type-icon.event{color:#10b981;background-color:#d1fae5}.notification-type-icon.important{color:#ec4899;background-color:#fce7f3}.notification-type-icon.info{color:#3b82f6;background-color:#dbeafe}.guideray-student-notification-title-text{margin:0;font-size:1.25rem;text-align:left;font-weight:700;color:#1e293b;flex:1}.guideray-student-notification-time{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b;font-weight:500}.guideray-student-notification-time svg{font-size:1rem;color:#94a3b8}.guideray-student-notification-message{line-height:1.7;margin-bottom:1rem;color:#475569;margin-left:40px;text-align:left;font-size:1rem}.guideray-student-notification-footer{display:flex;justify-content:flex-end;padding-left:2.5rem}.guideray-student-notification-mark-read-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:none;border:2px solid #4f46e5;color:#4f46e5;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s}.guideray-student-notification-mark-read-btn:hover{background-color:#eef2ff;transform:translateY(-2px)}.guideray-student-notification-read-indicator{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:.9375rem;font-weight:600}.guideray-student-notification-read-indicator svg{color:#10b981}.guideray-student-notification-empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-top:1rem}.guideray-student-notification-empty-icon{font-size:3.5rem;color:#cbd5e1;margin-bottom:1.5rem}.guideray-student-notification-empty-state h3{margin:0 0 1rem;color:#1e293b;font-weight:700;font-size:1.5rem}.guideray-student-notification-empty-state p{color:#64748b;font-size:1.0625rem;max-width:400px;margin:0 auto}.guideray-student-notification-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.guideray-student-notification-spinner{font-size:2.5rem;color:#4f46e5;margin-bottom:1.5rem;animation:guideray-student-notification-spin 1s linear infinite}.guideray-student-notification-loading-container p{color:#475569;font-size:1.125rem}@keyframes guideray-student-notification-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.guideray-student-notification-error-container{text-align:center;padding:3rem 2rem;background:#fff1f2;border-radius:16px;border-left:6px solid #f87171;box-shadow:0 4px 6px #0000000d}.guideray-student-notification-error-icon{font-size:2.5rem;color:#ef4444;margin-bottom:1.5rem}.guideray-student-notification-error-container h3{margin:0 0 1rem;color:#b91c1c;font-weight:700}.guideray-student-notification-error-container p{color:#64748b;margin-bottom:2rem;font-size:1.0625rem}.guideray-student-notification-retry-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;margin:0 auto;font-size:1rem;box-shadow:0 2px 5px #0000001a}.guideray-student-notification-retry-button:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 4px 10px #4f46e54d}.guideray-student-notification-confirm-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guideray-student-notification-confirm-content{background:#fff;padding:2.5rem;border-radius:16px;max-width:450px;width:90%;box-shadow:0 20px 25px #0000001a;text-align:center;animation:guideray-student-notification-modal-appear .3s ease-out}.guideray-student-notification-confirm-icon{font-size:3.5rem;color:#ef4444;margin-bottom:1.5rem}.guideray-student-notification-confirm-content h3{margin:0 0 1rem;color:#1e293b;font-size:1.5rem;font-weight:700}.guideray-student-notification-confirm-content p{color:#64748b;margin-bottom:2rem;font-size:1.0625rem;line-height:1.6}.guideray-student-notification-confirm-buttons{display:flex;gap:1rem;justify-content:center}.guideray-student-notification-confirm-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;border:none;font-size:1rem;box-shadow:0 2px 5px #0000001a}.guideray-student-notification-delete-confirm{background-color:#ef4444;color:#fff}.guideray-student-notification-delete-confirm:hover{background-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 10px #ef44444d}.guideray-student-notification-cancel-btn{background-color:#e2e8f0;color:#475569}.guideray-student-notification-cancel-btn:hover{background-color:#cbd5e1;transform:translateY(-2px)}@keyframes guideray-student-notification-modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.guideray-student-notification-container{padding:1.5rem;border-radius:0}.guideray-student-notification-header{flex-direction:column}.guideray-student-notification-count{margin-left:0;margin-top:1rem}.guideray-student-notification-actions{flex-direction:column;align-items:flex-start;gap:1rem}.guideray-student-notification-selected-count{margin-left:0}.guideray-student-notification-card{flex-direction:column}.guideray-student-notification-checkbox{padding:1.25rem 1.25rem .5rem}.guideray-student-notification-content{padding:0 1.25rem 1.25rem}.guideray-student-notification-message{padding-left:0}.guideray-student-notification-footer{padding-left:0;justify-content:flex-start}.guideray-student-notification-confirm-buttons{flex-direction:column}.guideray-student-notification-confirm-btn{width:100%;justify-content:center}}.GuideRayGuideTalk-container{display:flex;flex-direction:column;height:100vh;background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.GuideRayGuideTalk-header{background-color:#000f54;color:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.GuideRayGuideTalk-mentor-info{display:flex;align-items:center;gap:16px}.GuideRayGuideTalk-avatar{background-color:#4a5fc1;color:#fff}.GuideRayGuideTalk-mentor-details{display:flex;flex-direction:column}.GuideRayGuideTalk-mentor-name{color:#fff;font-size:18px;font-weight:600;margin-bottom:2px}.GuideRayGuideTalk-mentor-title{color:#fffc;font-size:14px}.GuideRayGuideTalk-contact-info{display:flex;gap:24px}.GuideRayGuideTalk-contact-item{display:flex;align-items:center;gap:8px}.GuideRayGuideTalk-contact-icon{color:#fffc;font-size:14px}.GuideRayGuideTalk-contact-text{color:#ffffffe6;font-size:14px}.GuideRayGuideTalk-chat-container{flex:1;padding:24px;overflow-y:auto;background-color:#f5f7fa;display:flex;flex-direction:column}.GuideRayGuideTalk-message-item{padding:8px 0!important;width:100%}.GuideRayGuideTalk-message-content{display:flex;align-items:flex-end;max-width:80%;margin:8px 0}.GuideRayGuideTalk-mentor-message{justify-content:flex-start}.GuideRayGuideTalk-student-message{justify-content:flex-end;margin-left:auto}.GuideRayGuideTalk-message-avatar{flex-shrink:0;margin:0 8px}.GuideRayGuideTalk-message-bubble{display:flex;flex-direction:column;padding:12px 16px;border-radius:18px;position:relative;max-width:100%}.GuideRayGuideTalk-mentor-message .GuideRayGuideTalk-message-bubble{background-color:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.GuideRayGuideTalk-student-message .GuideRayGuideTalk-message-bubble{background-color:#000f54;color:#fff;border-bottom-right-radius:4px}.GuideRayGuideTalk-message-text{font-size:15px;line-height:1.4;word-wrap:break-word}.GuideRayGuideTalk-message-time{font-size:11px;margin-top:4px;align-self:flex-end;opacity:.8}.GuideRayGuideTalk-mentor-message .GuideRayGuideTalk-message-time{color:#666}.GuideRayGuideTalk-student-message .GuideRayGuideTalk-message-time{color:#ffffffb3}.GuideRayGuideTalk-input-area{padding:16px 24px;background-color:#fff;border-top:1px solid #e8e8e8;display:flex;align-items:center;gap:12px}.GuideRayGuideTalk-message-input{flex:1;border-radius:24px;padding:12px 16px;border:1px solid #e8e8e8;resize:none;font-size:15px;transition:all .3s}.GuideRayGuideTalk-message-input:focus{border-color:#000f54;box-shadow:0 0 0 2px #000f5433;outline:none}.GuideRayGuideTalk-send-button{background-color:#000f54;border:none;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:all .3s}.GuideRayGuideTalk-send-button:hover{background-color:#1a2a7c;transform:translateY(-2px)}.GuideRayGuideTalk-send-button:active{transform:translateY(0)}
