.expiration-notice{align-items:center;animation:slideIn .5s ease-out;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-left:4px solid #f39c12;border-radius:8px;box-shadow:0 2px 8px rgba(243,156,18,.2);color:#2d3436;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.expiration-notice.expired{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff7675,#d63031);border-left-color:#c0392b;color:#fff}.expiration-notice svg{stroke-width:2.5;flex-shrink:0}.expiration-notice.expired svg{animation:shake .5s ease-in-out infinite}.expiration-content{display:flex;flex-direction:column;gap:4px}.expiration-label{font-size:.875rem;font-weight:600;opacity:.9}.expiration-time{font-size:1.125rem;font-weight:700;letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shake{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width:768px){.expiration-notice{gap:10px;padding:12px 16px}.expiration-label{font-size:.8125rem}.expiration-time{font-size:1rem}}@media (prefers-color-scheme:dark){.expiration-notice{background:linear-gradient(135deg,#f39c12,#e67e22);color:#ecf0f1}.expiration-notice.expired{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#ecf0f1}}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:hsla(0,0%,100%,.5);font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:hsla(0,0%,94%,.25)}.react-flow__nodesselection-rect,.react-flow__selection{background:rgba(0,89,220,.08);border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px rgba(0,0,0,.08)}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.app-container{display:flex;flex-direction:column}.app-container,.main-content{min-height:100vh;position:relative}.main-content{flex:1 1;padding:0;transition:margin .3s ease-in-out;z-index:1}.home-section{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:40px 20px;position:relative;text-align:center}.home-section h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--text-primary) 0,var(--celtic-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700;margin-bottom:24px;text-shadow:0 0 30px var(--accent-glow)}.main-description{color:var(--text-secondary);font-size:1.25rem;font-weight:400;line-height:1.7;margin-bottom:40px;max-width:700px}.get-started-button{background:linear-gradient(135deg,var(--celtic-blue) 0,var(--marian-blue) 100%);border:none;border-radius:20px;box-shadow:0 8px 24px rgba(27,49,124,.4);color:var(--text-primary);cursor:pointer;font-size:1.125rem;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:16px 32px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.get-started-button:before{animation:star-movement-bottom 6s linear infinite alternate;background:radial-gradient(circle,var(--celtic-blue),transparent 10%);bottom:-12px;right:-250%}.get-started-button:after,.get-started-button:before{border-radius:50%;content:"";height:50%;opacity:.7;position:absolute;width:300%;z-index:0}.get-started-button:after{animation:star-movement-top 6s linear infinite alternate;background:radial-gradient(circle,var(--glaucous),transparent 10%);left:-250%;top:-12px}.get-started-button:hover{background:linear-gradient(135deg,var(--glaucous) 0,var(--celtic-blue) 100%);box-shadow:0 12px 32px rgba(27,49,124,.5);transform:translateY(-3px)}.get-started-button:active{box-shadow:0 8px 24px rgba(27,49,124,.4);transform:translateY(-1px)}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.features-section{background:linear-gradient(180deg,transparent 0,var(--card-bg) 100%);padding:80px 40px;text-align:center}.features-section h2{color:var(--text-primary);font-size:3rem;font-weight:700;margin-bottom:24px}.features-description{color:var(--text-secondary);font-size:1.25rem;line-height:1.7;margin:0 auto;max-width:700px}.section{padding:80px 40px;position:relative}.footer{background:linear-gradient(180deg,var(--rich-black) 0,var(--darker-blue) 100%);border-top:1px solid var(--border-subtle);color:var(--text-secondary);margin-top:auto;padding:40px 20px;text-align:center}.profile-circle{align-items:center;background:linear-gradient(135deg,var(--celtic-blue) 0,var(--glaucous) 100%);border:2px solid var(--border-subtle);border-radius:50%;box-shadow:0 4px 12px rgba(27,49,124,.3);color:var(--text-primary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.profile-circle:before{background:radial-gradient(circle,hsla(0,0%,100%,.3) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.profile-circle:hover{border-color:var(--celtic-blue);box-shadow:0 8px 24px rgba(27,49,124,.4);transform:translateY(-2px) scale(1.05)}.profile-circle:hover:before{height:100%;width:100%}.logo{filter:drop-shadow(0 0 8px var(--accent-glow));height:40px;transition:all .3s ease;width:auto}.logo:hover{filter:drop-shadow(0 0 12px var(--celtic-blue));transform:scale(1.05)}:root{--rich-black:#000;--dark-blue:#0a0a0f;--darker-blue:#1a1a2e;--deep-blue:#16213e;--celtic-blue:#4e74bd;--purple:#8a2be2;--purple-dark:#6a1bb2;--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--accent-glow:rgba(138,43,226,.3);--card-bg:rgba(10,10,15,.6);--border-subtle:rgba(138,43,226,.2);--gradient-primary:linear-gradient(135deg,#4e74bd,#8a2be2);--gradient-bg:linear-gradient(180deg,#000,#0a0a0f 25%,#1a1a2e 50%,#16213e 75%,#0a0a0f)}body{background:linear-gradient(180deg,#000,#0a0a0f 25%,#1a1a2e 50%,#16213e 75%,#0a0a0f);background:var(--gradient-bg);background-attachment:fixed;color:#fff;color:var(--text-primary);font-family:Noto Sans,Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:twinkle 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(78,116,189,.4),transparent),radial-gradient(1px 1px at 90px 40px,hsla(0,0%,100%,.2),transparent),radial-gradient(1px 1px at 130px 80px,rgba(112,118,194,.3),transparent),radial-gradient(2px 2px at 160px 30px,hsla(0,0%,100%,.2),transparent);background-repeat:repeat;background-size:200px 100px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:.8}}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:#fff;color:var(--text-primary);font-weight:600;margin:0}h1,h2,h3,h4,h5,h6,p{font-family:Noto Sans,Noto Sans Arabic,sans-serif}p{color:hsla(0,0%,100%,.7);color:var(--text-secondary);line-height:1.6}[lang=ar]{font-feature-settings:"kern" 1,"liga" 1;font-family:Noto Sans Arabic,Noto Sans,sans-serif;text-rendering:optimizeLegibility}.sidebar-nav-scroll{scrollbar-color:rgba(138,43,226,.3) rgba(10,10,15,.5);scrollbar-width:thin}.sidebar-nav-scroll::-webkit-scrollbar{width:6px}.sidebar-nav-scroll::-webkit-scrollbar-track{background:rgba(10,10,15,.5);border-radius:3px}.sidebar-nav-scroll::-webkit-scrollbar-thumb{background:rgba(138,43,226,.3);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.sidebar-nav-scroll::-webkit-scrollbar-thumb:hover{background:rgba(138,43,226,.5)}.chatbot-messages-scroll{scrollbar-color:rgba(138,43,226,.3) rgba(26,26,46,.5);scrollbar-width:thin}.chatbot-messages-scroll::-webkit-scrollbar{width:6px}.chatbot-messages-scroll::-webkit-scrollbar-track{background:rgba(26,26,46,.5);border-radius:3px}.chatbot-messages-scroll::-webkit-scrollbar-thumb{background:rgba(138,43,226,.3);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.chatbot-messages-scroll::-webkit-scrollbar-thumb:hover{background:rgba(138,43,226,.5)}.btn-primary{background:linear-gradient(135deg,#4e74bd,#8a2be2);background:var(--gradient-primary);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(138,43,226,.3);color:#fff;color:var(--text-primary);cursor:pointer;font-family:Noto Sans,Noto Sans Arabic,sans-serif;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#5e84cd,#9a3bf2);box-shadow:0 8px 24px rgba(138,43,226,.5);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 4px 12px rgba(27,49,124,.3);transform:translateY(0)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(10,10,15,.6);background:var(--card-bg);border:1px solid rgba(138,43,226,.2);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 8px 32px rgba(1,6,27,.3);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:#4e74bd;border-color:var(--celtic-blue);box-shadow:0 12px 40px rgba(1,6,27,.4);transform:translateY(-4px)}.magic-bento-card{overflow:hidden;position:relative}.magic-bento-card:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(138,43,226,calc(var(--glow-intensity)*.8)) 0,rgba(78,116,189,calc(var(--glow-intensity)*.4)) 30%,transparent 60%);border-radius:inherit;content:"";inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;padding:6px;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:1}.magic-bento-card:hover:after{opacity:1}.magic-bento-card:hover{box-shadow:0 4px 20px rgba(27,49,124,.4),0 0 30px rgba(78,116,189,.2)}.north-star-section{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:radial-gradient(ellipse at center,rgba(78,116,189,.05) 0,transparent 70%);position:relative}@keyframes starPulse{0%,to{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.1)}}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}@keyframes waveMotion{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-5px)}50%{transform:translateX(0) translateY(-10px)}75%{transform:translateX(-10px) translateY(-5px)}}select{background-color:rgba(10,10,15,.6)!important;background-color:var(--card-bg)!important;border:1px solid rgba(138,43,226,.2)!important;border:1px solid var(--border-subtle)!important;color:#fff!important;color:var(--text-primary)!important}select option{background-color:#fff!important;color:#1a1a1a!important;padding:8px 12px!important}select option:active,select option:focus,select option:hover{background-color:rgba(54,96,168,.2)!important;color:#1a1a1a!important}select option:checked{background-color:#4e74bd!important;color:#fff!important}