.form{direction:var(--direction);display:grid;gap:.7rem;transition:all .3s linear}.form .input-house{border:none;display:grid;font-size:1.05rem;font-weight:800;position:relative}.form .input-house .input-core{background:var(--bg-base);border:none;border:3px solid rgba(var(--empty-shore),.5);border-radius:.5em;color:var(--text-base);font-family:inherit;font-size:.9rem;font-weight:600;min-width:80%;outline:transparent;padding:1rem;transition:all .2s linear}.form .input-house .input-core:focus{box-shadow:0 0 1px 3px var(--sea-shore)}.form .input-house .input-core::-moz-placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;opacity:.5}.form .input-house .input-core::placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;opacity:.5}.form .input-house .input-core option{background:var(--rare);color:#fff;font-weight:600}.form .input-house .error-msg{background:var(--sea-danger);border-radius:.4rem;color:var(--text-base);font-size:.8rem;left:33%;opacity:.9;padding:.3rem .6rem;pointer-events:none;position:absolute;top:50%;transform:translate(-70%,-148%);transition:opacity .3s ease;white-space:nowrap;z-index:10}.form .input-house .error-msg:before{background-color:var(--sea-danger);bottom:-.2em;content:"";height:.6em;left:50%;opacity:.8;position:absolute;transform:translate(-50%) rotate(45deg);width:.6em}.form .input-house .error-msg.label-error{left:80%}.form .submit-btn{background:var(--sea-shore);border:3px solid var(--bg-base);border-radius:1rem;box-shadow:1px 1px 1px 2px #00000080;color:var(--rare);cursor:pointer;font-size:1rem;font-weight:600;justify-self:center;margin-top:1rem;padding:1rem;transition:all .4s ease;width:50%}.form .submit-btn:disabled{background:var(--bg-base)}.form .submit-btn:not(:disabled):hover{background-color:var(--branding-accent);color:var(--bg-base);transform:translateY(-1.5px)}.form .submit-btn:not(:disabled):hover:active{transform:scale(.98)}.form #description{height:5rem;resize:none}.confirmation-msg{align-items:center;animation:fadein .3s ease-out;background:var(--bg-base);border-radius:.5rem;box-shadow:0 2px 10px var(--branding-accent);color:var(--branding-accent);display:flex;flex-wrap:wrap;font-weight:800;gap:.5rem;justify-content:center;left:50%;padding:.5rem 1rem;position:fixed;top:36%;transform:translate(-50%);z-index:100}.confirmation-msg .icon{color:var(--sea-shore)}@keyframes fadein{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading-spinner{animation:spinboy 1.2s linear infinite;background:radial-gradient(farthest-side,var(--sea-shore) 94%,transparent) top/14.1px 14.1px no-repeat,conic-gradient(transparent 30%,var(--sea-shore));border-radius:50%;height:5rem;justify-self:center;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 14.1px),#000 0);width:5rem}.note-house{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;padding:1rem}.note-house .note-body{background-color:var(--bg-base);border-radius:.6rem;box-shadow:0 0 7px #00000080;direction:var(--direction);display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem;padding:.9rem 2.4rem 2rem 1rem;transition:all .3s ease}.note-house .note-body:hover{box-shadow:0 0 2px 2px var(--branding-accent)}.note-house .note-body .note-name{font-size:1.5rem;font-weight:800;margin:0 0 .2rem}.note-house .note-body .note-college{background:var(--bg-lighter);border-radius:.6rem;display:inline-block;font-size:.95rem;font-weight:500;max-width:100%;overflow:hidden;padding:.2rem .6rem;text-overflow:ellipsis;white-space:nowrap}.note-house .note-body .note-labels{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.2rem}.note-house .note-body .note-labels .note-label{background-color:var(--sea-shore);border-radius:.6rem;color:var(--rare);font-size:.85rem;font-weight:600;padding:.2rem .6rem}.note-house .note-body .note-description{color:var(--text-base);font-size:.95rem;font-weight:500;line-height:1.4;margin:.7rem 0 .1rem}.note-house .note-body .link-house{align-items:center;background:var(--bg-lighter);border:1px solid var(--sea-shore);border-radius:.4rem;display:inline-flex;font-size:.85rem;gap:.4rem;margin-top:auto;max-width:75%;overflow:hidden;padding:.2rem .6rem;text-decoration:none;text-overflow:ellipsis;transition:all .2s linear;white-space:nowrap}.note-house .note-body .link-house .note-link{color:var(--branding-accent);overflow:hidden;text-overflow:ellipsis}.note-house .note-body .link-house .link-icon{color:var(--shore-palm);flex-shrink:0}.note-house .note-body .link-house:hover{box-shadow:0 0 8px 1px var(--shore-palm)}.link-section{align-items:center;display:flex;gap:.7rem;margin-top:auto}.link-section .copy-link{background:transparent;border:none;border-radius:.4rem;cursor:pointer;padding:.3rem;transition:background .2s linear}.link-section .copy-link:hover{background:var(--shore-palm)}.link-section .copy-link:hover .icon{color:var(--bg-base)}.link-section .copy-link .icon{color:var(--branding-accent)}.link-house,.note-college{min-width:0}.label-options{display:flex;flex-wrap:wrap;gap:1rem}.label-options .label-option{align-items:center;background:transparent;border-radius:9999px;box-shadow:inset 0 0 0 2px var(--sea-shore);color:var(--text-base);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;line-height:1.85;padding:.4rem .8rem;position:relative;transition:all .3s ease}.label-options .label-option:has(input:checked){background-color:rgba(var(--empty-shore),.85);box-shadow:inset 0 0 0 2px var(--rare);color:var(--rare);font-weight:600}.label-options .label-option:hover{background-color:rgba(var(--empty-shore),.4)}.label-options .label-option input[type=checkbox]{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.label-options .label-option .label-text{pointer-events:none}@keyframes spinboy{to{transform:rotate(1turn)}}.open-form{align-items:center;background:rgba(var(--empty-shore),.9);border:none;border-radius:12px;box-shadow:0 4px 10px rgba(var(--empty-shore),.6);color:var(--rare);cursor:pointer;direction:var(--direction);display:flex;font:inherit;font-size:1.2em;font-weight:800;gap:.5rem;margin-bottom:1rem;margin-top:1rem;padding:.65rem 1.1rem;transition:all .2s ease-in-out}.open-form:hover{box-shadow:0 6px 14px var(--sea-shore);transform:translateY(-2px)}.open-form:active{transform:scale(.97)}.open-form .icon{color:var(--rare);flex-shrink:0;transition:transform .2s ease}.open-form:hover .icon{transform:rotate(180deg)}@media (width < 650px){.label-options{flex-wrap:nowrap;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.label-options .label-option{flex:0 0 auto;white-space:nowrap}}.no-results{align-items:center;background-color:var(--bg-base);border-radius:.6rem;box-shadow:0 0 5px 1px var(--branding-accent);display:flex;font-size:1.2rem;font-weight:700;justify-content:center;margin-top:1rem;padding:2rem}.grand-note,.no-results{color:var(--branding-accent)}.grand-note{font-size:clamp(1.6rem,7vw - 1rem,2.1rem);justify-self:center}.search-note{align-items:center;direction:var(--direction);display:flex;gap:.5rem;justify-self:center;margin-bottom:.4rem;width:100%}.search-note .icon-note{color:var(--shore-palm);flex-shrink:0}.search-note .search-bar-note{background:var(--bg-base);border:3px solid rgba(var(--empty-shore),.7);border-radius:.6rem;box-shadow:1px 0 10px 1px #0003;color:var(--text-base);display:block;flex:1;font:inherit;font-size:1.1em;font-weight:600;margin:1rem auto;padding:.8rem 1rem;transition:all .3s linear;width:100%}.search-note .search-bar-note:focus{box-shadow:0 0 1px 3px var(--sea-shore);outline:transparent}.search-note .search-bar-note::-moz-placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;font:inherit;opacity:.65}.search-note .search-bar-note::placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;font:inherit;opacity:.65}.show-more-btn{align-items:center;background:var(--bg-base);border:1px solid var(--branding-accent);border-radius:.6rem;color:var(--branding-accent);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.4rem;justify-content:center;margin:1rem auto;padding:.6rem 1.2rem;transition:all .3s ease}.show-more-btn:hover{background-color:var(--branding-accent);box-shadow:0 2px 10px rgba(var(--branding-accent),.3);color:var(--bg-base);transform:translateY(-2px)}.show-more-btn:active{transform:scale(.97)}.TopBar{background-color:transparent;grid-area:topbar;position:sticky;top:0;z-index:200}.topbar-btn{align-items:center;border-radius:50%;color:var(--branding-accent);cursor:pointer;display:flex;justify-content:center;padding:7px;position:fixed;right:1rem;top:1rem;transition:all .3s ease-in-out;z-index:300}.topbar-btn:hover{background-color:var(--bg-lighter)}.topbar-btn.moved{right:-100px}.SideBar{background:var(--bg-base);border-radius:1em 0 0 1em;color:var(--text-base);display:flex;flex-direction:column;height:100dvh;overflow:hidden;position:fixed;right:0;top:0;transform:translate(100%);transition:transform .3s ease-in-out;width:240px;z-index:200}.SideBar .settings{align-items:center;background-color:transparent;direction:ltr;display:flex;flex-direction:row-reverse;gap:1.4rem;justify-content:flex-start;padding:1.3rem}.SideBar .divider{background:var(--sea-shore);border-radius:0 0 1rem 1rem;box-shadow:0 2px 10px var(--text-base);height:4px;width:-webkit-fill-available;width:-moz-available;width:stretch}.SideBar .wrapper{direction:var(--direction);display:flex;flex-direction:column;padding:1em}.SideBar .wrapper .links{align-items:center;border-radius:.5rem;color:var(--text-base);display:flex;flex-direction:row;font-weight:500;gap:10px;padding:.9em 1.2rem;text-decoration:none;transition:all .2s linear}.SideBar .wrapper .links:hover{background-color:var(--bg-lighter);transform:translate(2px)}.SideBar .wrapper .links .icon{color:var(--branding-accent);transition:all .2s linear}.SideBar .wrapper .activelink{background-color:var(--sea-shore);color:var(--rare);font-size:1rem;font-weight:800}.SideBar .wrapper .activelink .icon{color:var(--rare)}.SideBar .wrapper .activelink:hover{background-color:var(--sea-shore)}.SideBar.Open{transform:translate(0)}.sidebar-btn{align-items:center;border-radius:50%;color:var(--branding-accent);cursor:pointer;display:flex;justify-content:center;left:1rem;padding:7px;position:absolute;top:1rem;transition:all .3s ease-in-out;z-index:300}.sidebar-btn:hover{background-color:var(--bg-lighter)}.theme-toggle-btn{background:none;border:none;color:var(--branding-accent);cursor:pointer}.theme-toggle-btn:hover{color:var(--sea-shore)}.lang-btn{background:none;border:none;cursor:pointer}.lang-btn:hover .lang-icon{color:var(--shore-palm)}.lang-btn .lang-icon{color:var(--branding-accent)}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006 t;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:150}.overlay.active{opacity:1;pointer-events:all}.content{background:var(--bg-base);color:var(--text-base);overflow-wrap:anywhere;padding:min(2rem,7%)}.content-card{background-color:var(--bg-lighter);border:2px solid rgba(var(--empty-accent),.3);border-radius:1em;box-shadow:7px 7px 15px #000000b3;margin-bottom:1.3rem;max-width:100%;opacity:1;padding:min(1em,15%);word-break:break-word}.search{align-items:center;background:var(--bg-lighter);border:2px solid rgba(var(--empty-accent),.4);border-radius:1rem;direction:var(--direction);display:flex;gap:.5rem;justify-self:center;margin-bottom:1.5rem;padding:.5rem .8rem;width:100%}.search .icon{color:var(--branding-accent);flex-shrink:0}.search .search-bar{background:var(--bg-base);border:3px solid rgba(var(--empty-shore),.7);border-radius:.6rem;box-shadow:1px 0 10px 1px #0003;color:var(--text-base);display:block;flex:1;font:inherit;font-size:1.1em;font-weight:600;margin:1rem auto;padding:.8rem 1rem;transition:all .3s linear;width:100%}.search .search-bar:focus{box-shadow:0 0 1px 3px var(--sea-shore);outline:transparent}.search .search-bar::-moz-placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;font:inherit;opacity:.65}.search .search-bar::placeholder{color:var(--branding-accent);font-size:.95em;font-weight:600;font:inherit;opacity:.65}@media (width > 720px){.content{display:grid}.content .content-card{justify-self:center;width:85%}.content .search{width:85%}}@media (width < 500px){.content{margin-bottom:1.5rem;padding:2vw}}.section-header{align-items:center;direction:var(--direction);display:flex;justify-content:space-between}.section-header .section-title{color:var(--branding-accent);font-size:clamp(1.03rem,7vw - 1rem,1.75rem)}.section-header .show-reviews{background:rgba(var(--empty-shore),.8);border:none;border-radius:9999px;box-shadow:0 0 2px 2px var(--rare);cursor:pointer;height:35px;padding:.35rem;width:35px}.section-header .show-reviews .toggle-icon{color:var(--rare);transform:rotate(0);transition:all .45s ease}.section-header .show-reviews .toggle-icon.rotated{transform:rotate(1turn)}@keyframes switchme{to{transform:rotate(1turn)}}.course-card{background:var(--bg-base);border-left:3px solid var(--sea-shore);border-radius:.4rem;margin-top:1lh;padding:1rem}.course-card .course-title{color:var(--branding-accent);font-size:clamp(1.3rem,7vw - 1rem,1.6rem);justify-self:center;margin-bottom:.5lh}.course-card .course-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:center;padding:1rem}.course-card .course-grid .review-card{background:rgba(var(--empty-shore),.3);border-radius:.4rem;box-shadow:0 0 1px 1px rgba(var(--empty-shore),.9);color:var(--text-base);direction:var(--direction);margin-bottom:1rem;padding:.5rem .8rem 1rem 1rem}.course-card .course-grid .review-card .review-header{align-items:center;display:flex;justify-content:space-between;padding:1rem}.course-card .course-grid .review-card .review-header .star{color:var(--shore-palm)}.course-card .course-grid .review-card .review-header .review-date{color:var(--branding-accent);font-size:1rem;font-weight:600}.review-error{background:var(--sea-danger);border-radius:.6rem;color:var(--text-base);font-size:1rem;font-weight:600;justify-self:center;padding:.5rem}.group-parent{display:flex;flex-direction:column;gap:1lh}.group-parent .group-brother{background:var(--bg-base);border:2px solid var(--bg-lighter);border-radius:.6rem;box-shadow:1px 1px 2px 2px #0009;color:var(--text-base);direction:var(--direction);padding:1rem .6rem .5rem}.group-parent .group-brother .group-children{display:flex;flex-direction:column;gap:1lh;padding:.4rem}.group-parent .group-brother .group-children .group-house{background:rgba(var(--empty-shore),.3);border-radius:.3rem;box-shadow:0 0 4px 1px var(--sea-shore);display:flex;flex-direction:column;gap:.4rem;padding:.5rem 1rem}.group-parent .group-brother .group-children .group-house .group-link-house{align-items:center;background:#00bf6f;border-radius:.5rem;color:var(--rare);display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.4rem 1rem;text-decoration:none}.group-parent .group-brother .group-children .group-house .pending-msg{align-items:center;color:var(--branding-accent);display:inline-flex;font-weight:600;gap:.3rem;opacity:.5}.group-parent .group-brother .group-children .group-house .group-name{color:var(--text-base);font-size:1.15rem}.groups-warning{align-items:center;background:var(--bg-base);border:2px dashed rgba(var(--empty-accent),.5);border-radius:1rem;color:var(--text-base);direction:var(--direction);display:flex;justify-content:center;margin:1rem;padding:1rem;text-align:center}@media (width < 440px){.groups-warning{font-size:.75rem;padding:.8rem}}.gpa-form-title{color:var(--branding-accent);direction:var(--direction);font-size:.85rem;font-weight:600;padding:.2rem .4rem .9rem 0}.gpa-form{gap:1rem}.gpa-form,.gpa-form .gpa-house{direction:var(--direction);display:flex;flex-direction:column}.gpa-form .gpa-house{align-items:stretch;gap:.5rem;justify-content:flex-start}.gpa-form .gpa-house .credits-input,.gpa-form .gpa-house .grade-input{background:var(--bg-base);border:2px solid rgba(var(--empty-shore),.3);border-radius:.6rem;box-shadow:1px 1px 5px #0006;color:var(--text-base);font-size:1rem;font-weight:600;font:inherit;outline:transparent;padding:.6rem .8rem;transition:all .3s linear;width:100%}.gpa-form .gpa-house .credits-input::-moz-placeholder,.gpa-form .gpa-house .grade-input::-moz-placeholder{color:var(--text-base);opacity:.8}.gpa-form .gpa-house .credits-input::placeholder,.gpa-form .gpa-house .grade-input::placeholder{color:var(--text-base);opacity:.8}.gpa-form .gpa-house .credits-input:focus,.gpa-form .gpa-house .grade-input:focus{box-shadow:0 0 1px 3px var(--sea-shore)}.gpa-form .gpa-house .remove-row{align-self:flex-end;background:var(--sea-danger);border:none;border-radius:.4rem;box-shadow:0 0 5px #00000080;color:var(--rare);cursor:pointer;font-weight:700;padding:.4rem .7rem}.gpa-form .gpa-house .remove-row:hover{transform:scale(1.1)}.gpa-form .gpa-house .remove-row:active{transform:scale(.95)}.gpa-form .add-course{align-items:center;background:var(--sea-shore);border:3px solid var(--bg-base);border-radius:.7rem;box-shadow:1px 1px 1px 2px #00000080;color:var(--rare);cursor:pointer;direction:var(--direction);display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5lh;justify-content:center;margin-top:.5rem;padding:.8rem .7rem}.gpa-form .add-course:hover{transform:scale(1.01)}.gpa-form .add-course:active{transform:scale(.99)}.gpa-form .add-course .icon{color:var(--rare)}.gpa-form .Calculate{align-self:flex-start;background:var(--sea-shore);border:3px solid var(--bg-base);border-radius:.6rem;box-shadow:1px 1px 1px 1px #00000080;color:var(--rare);display:inline-flex;font-family:inherit;font-weight:800;gap:.25lh;margin-top:.5rem;padding:1rem}.gpa-form .Calculate:hover{transform:scale(1.02)}.gpa-form .Calculate:active{transform:scale(.97)}.gpa-form .subtitle{color:var(--branding-accent);font-size:1.35rem;font-weight:600}.gpa-form .form-row{direction:var(--direction);display:flex;flex-direction:column;gap:1lh}.gpa-form .form-row input.input{background:var(--bg-base);border:3px solid rgba(var(--empty-shore),.3);border-radius:.6rem;box-shadow:1px 1px 5px #0000001a;color:var(--text-base);font-family:inherit;font-size:1rem;outline:transparent;padding:.6rem .8rem;transition:all .3s linear;width:100%}.gpa-form .form-row input.input::-moz-placeholder{color:var(--text-base);opacity:.6}.gpa-form .form-row input.input::placeholder{color:var(--text-base);opacity:.6}.gpa-form .form-row input.input:focus{box-shadow:0 0 1px 3px var(--sea-shore)}.gpa-form .form-row .gpa-label{color:var(--text-base);font-size:1em;font-weight:400}.gpa-divider{background:var(--branding-accent);border:0;border-radius:1rem;height:3px;margin:1rem 0;opacity:.7}.result{direction:var(--direction);display:grid;gap:.8rem;grid-template-columns:1fr;margin-top:1.5rem}.result p{background:var(--bg-base);border-radius:.6rem;box-shadow:1px 1px 6px 1px #0009;color:var(--text-base);display:flex;flex-direction:column;font-size:.95rem;font-weight:500;padding:.8rem;text-align:center}.result p .result-number{color:var(--sea-shore);font-size:1.5rem;font-weight:800}@media (min-width:720px){.gpa-form .gpa-house{flex-direction:row;gap:.5rem}.gpa-form .gpa-house .credits-input,.gpa-form .gpa-house .grade-input{flex:1 1 120px;min-width:100px}.gpa-form .form-row{flex-direction:row;gap:1rem}.result{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-base);font-family:Tajawal,sans-serif}html{scrollbar-color:var(--bg-base) var(--bg-lighter);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--bg-lighter);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--bg-base);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--bg-lighter)}.app{background-color:var(--bg-base);display:grid;grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:auto 1fr;min-height:100vh}.main{grid-area:main;position:relative}.title{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:1.2rem 0 1rem;text-align:center}.title .head{color:var(--branding-accent);font-size:clamp(2rem,7vw - 1rem,3rem);font-weight:800}.title .sub-head{color:var(--text-base);font-size:clamp(1rem,7vw - 1rem,1.7rem);font-weight:300;opacity:.8}.admin-control{display:flex;gap:.5lh}.approve-btn{background:var(--shore-palm);border:none;border-radius:5px;color:var(--bg-base);cursor:pointer;font-weight:600;padding:.5rem 1rem}.approve-btn:hover{opacity:.5}.delete-btn{background:var(--sea-danger);border:none;border-radius:5px;color:var(--bg-base);cursor:pointer;font-weight:600;padding:.5rem 1rem}.delete-btn:hover{opacity:.5}.homepage-intro{align-items:center;direction:var(--direction);display:flex;flex-direction:column;gap:.1lh;justify-content:center;margin-top:2.5rem;padding:0 1rem;text-align:center}.homepage-intro .ihead{color:var(--sea-shore);font-size:clamp(2.7rem,7vw - .5rem,3.8rem);font-weight:800}.homepage-intro .isub-head{color:var(--branding-accent);font-size:clamp(2.2rem,7vw - 1rem,2.7rem);font-weight:700;margin-bottom:.75rem}.homepage-intro .intro-text{color:var(--text-base);font-size:clamp(1.15rem,7vw - 1rem,1.3rem);font-weight:400;margin:0 auto;max-width:55ch}.feat-title{display:flex;flex-direction:column;justify-content:center;margin-bottom:1rem;position:relative;text-align:center}.feat-title .feat-head{color:var(--branding-accent);font-size:clamp(1.8rem,7vw - 1rem,2.3rem);font-weight:700}.feat-title .feat-subhead{color:var(--text-base);font-size:clamp(1rem,7vw - 1rem,1.15rem);font-weight:400;opacity:.9}.features-grid{align-items:stretch;direction:var(--direction);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));padding:1rem 0}.features-grid .feature-card-link{height:100%;text-decoration:none}.features-grid .feature-card-link .feature-card{background:rgba(var(--empty-accent),.12);border:2px solid rgba(var(--empty-accent),.35);border-radius:1rem;box-shadow:0 4px 8px #00000026;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:1.5rem;text-align:center;transition:all .25s ease}.features-grid .feature-card-link .feature-card strong{align-items:center;color:var(--text-base);display:inline-flex;font-size:1.2rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.5rem}.features-grid .feature-card-link .feature-card p{color:var(--text-base);font-size:1rem;font-weight:500;margin:.25rem 0;opacity:.8}.features-grid .feature-card-link .feature-card:hover{transform:translateY(-6px) scale(1.04)}.features-grid .feature-card-link .feature-card:active{transform:scale(.98)}.site-footer{background:rgba(var(--empty-accent),.15);border-top:2px solid rgba(var(--empty-accent),.4);color:var(--text-base);margin-top:2rem;padding:2rem 1rem;text-align:center}.site-footer .footer-content{margin-bottom:1rem}.site-footer .footer-content .footer-peace{color:var(--text-base);font-size:1rem;font-weight:600}.site-footer .footer-content .footer-text{font-size:1rem;font-weight:600;margin-bottom:.4rem}.site-footer .footer-content .footer-text .creator{color:var(--shore-palm);transition:.2s linear}.site-footer .footer-content .footer-text .creator:hover{color:var(--sea-shore)}.site-footer .footer-bottom{color:var(--text-base);display:flex;flex-direction:column;font-size:.8rem;gap:.2lh;opacity:.8}.site-footer .footer-bottom .footer-subtext{color:var(--text-base);font-size:.9rem}.error-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.error-page .error-code{color:var(--sea-danger);font-size:6rem;font-weight:800}.error-page .error-message{color:var(--sea-danger);font-size:2rem;margin:1rem 0}.error-page .error-description{color:var(--text-base);font-size:1.2rem;margin-bottom:2rem}.error-page .btn-home{background:var(--sea-shore);border-radius:.5rem;color:var(--rare);font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.error-page .btn-home:hover{background:rgba(var(--empty-shore),.6)}@media (max-width:500px){.features-grid .feature-card{font-size:1.05rem;padding:2rem 1rem}}@media (max-width:600px){.app{grid-template-columns:1fr}}@font-face{font-display:swap;font-family:Tajawal;font-style:normal;font-weight:400;src:url(./Tajawal-Regular.BF6-vjr0.woff2) format("woff2")}@font-face{font-display:swap;font-family:Tajawal;font-style:normal;font-weight:500;src:url(./Tajawal-Medium.BEy05kv0.woff2) format("woff2")}@font-face{font-display:swap;font-family:Tajawal;font-style:normal;font-weight:700;src:url(./Tajawal-Bold.iiJYAreQ.woff2) format("woff2")}@font-face{font-display:swap;font-family:Tajawal;font-style:normal;font-weight:800;src:url(./Tajawal-ExtraBold.DH4JsDqA.woff2) format("woff2")}:root{--bg-base:#051923;--bg-lighter:#32444f;--text-base:#fbfffe;--branding-accent:#cbf7ff;--sea-shore:#00c6af;--sea-danger:#ef233c;--shore-palm:#bdf197;--empty-shore:0,198,175;--direction:rtl;--rare:#051923;--empty-accent:203,247,255}.light-mode{--bg-base:#468faf;--bg-lighter:#61a5c2;--text-base:#051923;--branding-accent:#001845;--sea-shore:#ffba08;--sea-danger:#ef233c;--shore-palm:#321616;--empty-shore:255,186,8;--rare:#051923;--empty-accent:0,24,69}.dir-ltr{--direction:ltr}