bismillahcss
Version:
A utility-first CSS framework for fast and customizable development.
1 lines • 293 kB
CSS
:root{--bismillah-primary-color:#3498db;--bismillah-secondary-color:#2ecc71;--bismillah-accent-color:#e74c3c;--bismillah-bg-color:#f8f9fa;--bismillah-border-radius:8px;--bismillah-font-family:"Inter",sans-serif}body{background-color:var(--bismillah-bg-color);color:var(--bismillah-text-color);font-family:var(--bismillah-font-family)}.bismillah-text-4xl{font-size:36px}.bismillah-text-5xl{font-size:48px}.bismillah-font-thin{font-weight:100}.bismillah-font-semibold{font-weight:600}.bismillah-font-extrabold{font-weight:800}.bismillah-font-black{font-weight:900}:root{--primary-color:#007bff;--secondary-color:#6c757d;--accent-color:#ff5722;--background-color:#fff;--text-color:#000}[data-theme=dark]{--primary-color:#0d6efd;--secondary-color:#adb5bd;--accent-color:#ff6d00;--background-color:#121212;--text-color:#fff}.bg-accent{background-color:var(--accent-color)}.bg-light{background-color:#f8f9fa}.bg-dark{background-color:#343a40}.bismillah-text-primary{color:var(--primary-color)}.bismillah-text-accent{color:var(--accent-color)}.bismillah-text-light{color:#f8f9fa}.bismillah-text-dark{color:#343a40}.bismillah-flex-col{flex-direction:column}.bismillah-flex-nowrap{flex-wrap:nowrap}.bismillah-justify-start{justify-content:flex-start}.bismillah-justify-center{justify-content:center}.bismillah-justify-end{justify-content:flex-end}.bismillah-justify-between{justify-content:space-between}.bismillah-justify-around{justify-content:space-around}.bismillah-justify-evenly{justify-content:space-evenly}.bismillah-items-start{align-items:flex-start}.bismillah-items-center{align-items:center}.bismillah-items-end{align-items:flex-end}.bismillah-items-stretch{align-items:stretch}.bismillah-self-start{align-self:flex-start}.bismillah-self-center{align-self:center}.bismillah-self-end{align-self:flex-end}.bismillah-self-stretch{align-self:stretch}.bismillah-gap-1{gap:4px}.bismillah-gap-2{gap:8px}.bismillah-gap-3{gap:12px}.bismillah-gap-4{gap:16px}.bismillah-gap-5{gap:20px}.border{border:1px solid #ccc}.border-accent{border-color:var(--accent-color)}.border-light{border-color:#f8f9fa}.border-dark{border-color:#343a40}.bismillah-flex-row-reverse{flex-direction:row-reverse}.bismillah-flex-col-reverse{flex-direction:column-reverse}.bismillah-flex-wrap-reverse{flex-wrap:wrap-reverse}.bismillah-grid-cols-1{grid-template-columns:repeat(1,1fr)}.bismillah-grid-cols-5{grid-template-columns:repeat(5,1fr)}.bismillah-grid-cols-6{grid-template-columns:repeat(6,1fr)}.bismillah-grid-rows-1{grid-template-rows:repeat(1,1fr)}.bismillah-grid-rows-2{grid-template-rows:repeat(2,1fr)}.bismillah-grid-rows-3{grid-template-rows:repeat(3,1fr)}.bismillah-grid-rows-4{grid-template-rows:repeat(4,1fr)}.bismillah-grid-rows-5{grid-template-rows:repeat(5,1fr)}.bismillah-grid-rows-6{grid-template-rows:repeat(6,1fr)}.bismillah-gap-6{gap:24px}.bismillah-gap-8{gap:32px}.bismillah-gap-10{gap:40px}.bismillah-static{position:static}.bismillah-top-0{top:0}.bismillah-right-0{right:0}.bottom-0{bottom:0}.bismillah-left-0{left:0}.bismillah-top-1{top:4px}.bismillah-right-1{right:4px}.bottom-1{bottom:4px}.bismillah-left-1{left:4px}.bismillah-top-2{top:8px}.bismillah-right-2{right:8px}.bottom-2{bottom:8px}.bismillah-left-2{left:8px}.bismillah-z-10{z-index:10}.bismillah-z-20{z-index:20}.bismillah-z-30{z-index:30}.bismillah-z-40{z-index:40}.bismillah-z-50{z-index:50}.bismillah-hover-bg-primary:hover{background-color:#007bff;color:#fff}.bismillah-hover-bg-secondary:hover{background-color:#6c757d;color:#fff}.bismillah-hover-bg-success:hover{background-color:#28a745;color:#fff}.bismillah-hover-bg-danger:hover{background-color:#dc3545;color:#fff}.bismillah-hover-bg-warning:hover{background-color:#ffc107;color:#000}.bismillah-hover-bg-info:hover{background-color:#17a2b8;color:#fff}.bismillah-hover-text-primary:hover{color:#007bff}.bismillah-hover-text-secondary:hover{color:#6c757d}.bismillah-hover-text-success:hover{color:#28a745}.bismillah-hover-text-danger:hover{color:#dc3545}.bismillah-hover-text-warning:hover{color:#ffc107}.bismillah-hover-text-info:hover{color:#17a2b8}.bismillah-ease-in{transition-timing-function:ease-in}.bismillah-ease-out{transition-timing-function:ease-out}.bismillah-ease-in-out{transition-timing-function:ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}}.bismillah-slide-up{animation:slideUp .5s ease-in-out}.bismillah-cursor-wait{cursor:wait}.bismillah-cursor-text{cursor:text}.bismillah-cursor-move{cursor:move}.bismillah-cursor-crosshair{cursor:crosshair}.bismillah-object-contain{-o-object-fit:contain;object-fit:contain}.bismillah-object-cover{-o-object-fit:cover;object-fit:cover}.bismillah-object-fill{-o-object-fit:fill;object-fit:fill}.bismillah-object-none{-o-object-fit:none;object-fit:none}.bismillah-object-center{-o-object-position:center;object-position:center}.bismillah-object-top{-o-object-position:top;object-position:top}@media (max-width:640px){.sm-hidden{display:none!important}}@media (min-width:640px){.sm-block{display:block!important}}.bismillah-italic{font-style:italic}.bismillah-underline{text-decoration:underline}.bismillah-line-through{text-decoration:line-through}.bismillah-no-underline{text-decoration:none}.block{display:block}.bismillah-grid-equal{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.bismillah-grid-stack{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.border-dynamic{border:2px solid var(--primary-color,#000);border-radius:10px;transition:all .3s ease-in-out}.border-glow:hover{border:2px solid cyan;box-shadow:0 0 10px cyan}.border-gradient{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(45deg,#ff416c,#ff4b2b) border-box;border:3px solid transparent;border-radius:12px}.bismillah-shadow-float{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(0);transition:transform .3s ease-in-out}.bismillah-shadow-float:hover{box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.bismillah-shadow-neon{box-shadow:0 0 5px #0ff,0 0 10px #0ff,0 0 20px #0ff;transition:box-shadow .3s ease-in-out}.bismillah-shadow-neon:hover{box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}.bg-dynamic{background:linear-gradient(135deg,var(--start-color,#ff4b2b),var(--end-color,#ff416c));transition:background .5s ease-in-out}.bg-hover-gradient:hover{background:linear-gradient(135deg,#ff416c,#ff4b2b)}.bismillah-text-glitch{text-shadow:2px 2px red,-2px -2px blue}.bismillah-text-3d{text-shadow:2px 2px 0 #000,4px 4px 0 gray,6px 6px 0 silver;transform:perspective(500px) rotateX(10deg)}.bismillah-switch-grid:hover{display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.bismillah-switch-flex:hover{display:flex;justify-content:space-around}@media (prefers-color-scheme:dark){:root{--primary-color:#1e1e1e;--secondary-color:#2a2a2a;--text-color:#fff;--accent-color:#ff4b2b}}body.dark-mode{background-color:var(--primary-color);color:var(--text-color);transition:background .5s ease,color .5s ease}.bismillah-toggle-dark{background:var(--accent-color);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;position:fixed;right:10px;top:10px;transition:background .3s ease-in-out}.bismillah-toggle-dark:hover{background:#ff416c}.btn{border-radius:8px;padding:12px 20px}.btn-primary{background:linear-gradient(135deg,#ff4b2b,#ff416c);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#ff416c,#ff4b2b);transform:scale(1.05)}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-glass:hover{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.5)}.bismillah-alert{align-items:center;border-radius:5px;display:flex;justify-content:space-between}.bismillah-alert-success{background:#d4edda;color:#155724}.bismillah-alert-warning{background:#fff3cd;color:#856404}.bismillah-alert-error{background:#f8d7da;color:#721c24}.bismillah-card-glass{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:10px;box-shadow:0 10px 20px rgba(0,0,0,.2)}.bismillah-card-glass:hover{transform:translateY(-5px)}.bismillah-loader{border:5px solid transparent;border-top-color:#ff4b2b;height:50px;width:50px}.bismillah-card-hover:hover{transform:scale(1.1);transition:transform .3s ease-in-out}.button-hover:hover{box-shadow:0 5px 15px rgba(0,0,0,.3)}.bismillah-neon-text{color:#ff4b2b;font-size:20px;text-shadow:0 0 5px #ff4b2b,0 0 10px #ff416c,0 0 20px #ff416c}.bismillah-neon-box:hover{box-shadow:0 0 20px #ff416c,0 0 40px #ff4b2b}.bismillah-card-3d{height:200px;perspective:1000px;width:300px}.bismillah-card-3d .inner{align-items:center;background:linear-gradient(135deg,#ff4b2b,#ff416c);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.3);color:#fff;display:flex;height:100%;justify-content:center;transform-style:preserve-3d;transition:transform .5s;width:100%}.bismillah-card-3d:hover .inner{transform:rotateY(20deg) rotateX(10deg)}.bismillah-input-number{align-items:center;border:1px solid #ddd;border-radius:5px;display:flex;overflow:hidden;width:150px}.bismillah-input-number button{background:#ff4b2b;border:none;color:#fff;cursor:pointer;padding:8px;transition:background .3s}.bismillah-input-number button:hover{background:#ff416c}.bismillah-input-number input{border:none;outline:none;text-align:center;width:50px}.bismillah-custom-checkbox input,.bismillah-custom-radio input{display:none}.bismillah-custom-checkbox label,.bismillah-custom-radio label{align-items:center;cursor:pointer;display:flex;gap:8px}.bismillah-custom-checkbox label:before,.bismillah-custom-radio label:before{border:2px solid #ff4b2b;border-radius:4px;content:"";height:16px;transition:background .3s ease-in-out;width:16px}.bismillah-custom-radio label:before{border-radius:50%}.bismillah-custom-checkbox input:checked+label:before,.bismillah-custom-radio input:checked+label:before{background:#ff4b2b}.bismillah-select-box{position:relative;width:200px}.bismillah-select-box select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:2px solid #ff4b2b;border-radius:5px;cursor:pointer;font-size:16px;padding:10px;width:100%}.bismillah-select-box:after{color:#ff4b2b;content:"▼";pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.bismillah-input-group{margin:20px 0}.bismillah-input-group input{border:2px solid #ddd;border-radius:5px;font-size:16px;outline:none;padding:10px;transition:border-color .3s;width:100%}.bismillah-input-group label{background:#fff;color:#777;font-size:14px;left:10px;padding:0 5px;position:absolute;top:50%;transform:translateY(-50%);transition:.3s}.bismillah-input-group input:not(:-moz-placeholder)+label{color:#ff4b2b;font-size:12px;left:10px;top:0}.bismillah-input-group input:focus+label,.bismillah-input-group input:not(:placeholder-shown)+label{color:#ff4b2b;font-size:12px;left:10px;top:0}.bismillah-input-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:5px;outline:none;width:100%}.bismillah-input-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff4b2b;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background .3s;transition:background .3s;width:16px}.bismillah-input-range::-webkit-slider-thumb:hover{background:#ff416c}.bismillah-toggle-switch{height:25px;position:relative;width:50px}.bismillah-toggle-switch input{display:none}.bismillah-toggle-switch label{background:#ddd;border-radius:25px;cursor:pointer;display:block;height:100%;position:relative;transition:background .3s;width:100%}.bismillah-toggle-switch label:before{background:#fff;border-radius:50%;content:"";height:20px;left:5px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease-in-out;width:20px}.bismillah-toggle-switch input:checked+label{background:#ff4b2b}.bismillah-toggle-switch input:checked+label:before{left:25px}@keyframes bounce-in{0%{opacity:0;transform:scale(.5)}}.bounce-in{animation:bounce-in .6s ease-in-out}.bismillah-rotate-hover{transition:transform .3s ease-in-out}.bismillah-rotate-hover:hover{transform:rotate(15deg)}@keyframes slide-in{0%{opacity:0;transform:translateY(30px)}}.bismillah-slide-in{animation:slide-in .8s ease-out}.bismillah-glass{box-shadow:0 10px 30px rgba(0,0,0,.2)}.bismillah-neon{text-shadow:0 0 5px #ff416c,0 0 10px #ff4b2b,0 0 20px #ff4b2b}.bismillah-typing:after{animation:blink .7s infinite;content:"|";display:inline-block}@keyframes blink{50%{opacity:0}}.bismillah-wavy-text span{animation:wave 1.5s infinite;display:inline-block}.bismillah-wavy-text span:nth-child(2){animation-delay:.1s}.bismillah-wavy-text span:nth-child(3){animation-delay:.2s}.bismillah-wavy-text span:nth-child(4){animation-delay:.3s}.bismillah-wavy-text span:nth-child(5){animation-delay:.4s}.bismillah-shiny-hover{overflow:hidden;position:relative}.bismillah-shiny-hover:before{background:linear-gradient(120deg,transparent,hsla(0,0%,100%,.5),transparent);content:"";height:200%;left:-50%;position:absolute;top:50%;transform:skewX(-30deg);transition:left .7s ease-in-out;width:100%}.bismillah-shiny-hover:hover:before{left:150%}.bismillah-grid{gap:16px;grid-template-columns:repeat(12,1fr)}.bismillah-grid-2{grid-template-columns:repeat(2,1fr)}.bismillah-grid-4{grid-template-columns:repeat(4,1fr)}.bismillah-grid-auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:1024px){.bismillah-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:768px){.bismillah-grid{grid-template-columns:repeat(3,1fr)}}.bismillah-col-span-1{grid-column:span 1}.bismillah-col-span-2{grid-column:span 2}.bismillah-col-span-3{grid-column:span 3}.bismillah-col-span-4{grid-column:span 4}.bismillah-col-span-6{grid-column:span 6}.bismillah-col-span-12{grid-column:span 12}.bismillah-full-width{width:100%}.bismillah-half-width{width:50%}.bismillah-max-width{margin:auto;max-width:1200px}:root{--bismillah-bg-light:#fff;--bismillah-bg-dark:#121212;--bismillah-text-light:#000;--bismillah-text-dark:#fff}body{background-color:var(--bismillah-bg-light);color:var(--bismillah-text-light);transition:background-color .3s,color .3s}body.dark-mode{background-color:var(--bismillah-bg-dark);color:var(--bismillah-text-dark)}.bismillah-dark-toggle{background-color:var(--bismillah-primary);border:none;color:#fff;transition:background-color .3s}.bismillah-dark-toggle:hover{background-color:darken(var(--bismillah-primary),10%)}.bismillah-glass{box-shadow:0 4px 10px rgba(0,0,0,.2)}body.dark-mode .bismillah-glass{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2)}.bg-gradient-primary{background:linear-gradient(45deg,#007bff,#6610f2)}.bg-gradient-secondary{background:linear-gradient(45deg,#6c757d,#343a40)}.bg-cover{background-position:50%;background-size:cover}.bismillah-hover-fade:hover{opacity:.7;transition:opacity .3s ease-in-out}:root{--bismillah-font-primary:"Inter",sans-serif;--bismillah-font-secondary:"Poppins",sans-serif;--bismillah-text-sm:14px;--bismillah-text-md:16px;--bismillah-text-lg:20px;--bismillah-text-xl:24px;--bismillah-text-2xl:32px;--bismillah-text-3xl:40px}body{font-family:var(--bismillah-font-primary);font-size:var(--bismillah-text-md);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--bismillah-font-secondary)}h1{font-size:var(--bismillah-text-3xl)}h2{font-size:var(--bismillah-text-2xl)}h3{font-size:var(--bismillah-text-xl)}h4{font-size:var(--bismillah-text-lg)}h5{font-size:var(--bismillah-text-md)}h6{font-size:var(--bismillah-text-sm)}:root{--bismillah-spacing-2xl:48px;--bismillah-spacing-3xl:64px}.bismillah-p-xs{padding:var(--bismillah-spacing-xs)}.bismillah-p-sm{padding:var(--bismillah-spacing-sm)}.bismillah-p-md{padding:var(--bismillah-spacing-md)}.bismillah-p-lg{padding:var(--bismillah-spacing-lg)}.bismillah-p-xl{padding:var(--bismillah-spacing-xl)}.bismillah-m-xs{margin:var(--bismillah-spacing-xs)}.bismillah-m-sm{margin:var(--bismillah-spacing-sm)}.bismillah-m-md{margin:var(--bismillah-spacing-md)}.bismillah-m-lg{margin:var(--bismillah-spacing-lg)}.bismillah-m-xl{margin:var(--bismillah-spacing-xl)}:root{--bismillah-shadow-sm:0px 2px 4px rgba(0,0,0,.1);--bismillah-shadow-md:0px 4px 8px rgba(0,0,0,.2);--bismillah-shadow-lg:0px 6px 12px rgba(0,0,0,.3);--bismillah-shadow-xl:0px 8px 16px rgba(0,0,0,.4)}.bismillah-shadow-hover:hover{box-shadow:var(--bismillah-shadow-lg)}@media (max-width:768px){body{font-size:var(--bismillah-text-sm)}}:root{--bismillah-border-xl:4px solid rgba(0,0,0,.4)}.border-sm{border:var(--bismillah-border-sm)}.border-md{border:var(--bismillah-border-md)}.border-lg{border:var(--bismillah-border-lg)}.border-xl{border:var(--bismillah-border-xl)}.bismillah-rounded-sm{border-radius:var(--bismillah-radius-sm)}.bismillah-rounded-xl{border-radius:var(--bismillah-radius-xl)}.bounce{animation:bounce 1s infinite}.bismillah-pulse{animation:pulse 1.2s infinite}.bismillah-focus-ring:focus{outline:3px solid var(--bismillah-primary);outline-offset:2px}.bismillah-glass{border:var(--bismillah-border-sm);border-radius:var(--bismillah-radius-md);padding:var(--bismillah-spacing-md)}@media (max-width:768px){.bismillah-rounded-lg{border-radius:var(--bismillah-radius-md)}}:root{--bismillah-primary:#007bff;--bismillah-secondary:#6c757d;--bismillah-success:#28a745;--bismillah-danger:#dc3545;--bismillah-warning:#ffc107;--bismillah-info:#17a2b8;--bismillah-light:#f8f9fa;--bismillah-dark:#343a40;--bismillah-border-sm:1px solid rgba(0,0,0,.1);--bismillah-border-md:2px solid rgba(0,0,0,.2);--bismillah-border-lg:3px solid rgba(0,0,0,.3);--bismillah-radius-sm:4px;--bismillah-radius-md:8px;--bismillah-radius-lg:16px;--bismillah-radius-xl:24px;--bismillah-radius-full:9999px;--bismillah-shadow-sm:0px 1px 3px rgba(0,0,0,.1);--bismillah-shadow-md:0px 3px 6px rgba(0,0,0,.2);--bismillah-shadow-lg:0px 5px 15px rgba(0,0,0,.3);--bismillah-spacing-xs:4px;--bismillah-spacing-sm:8px;--bismillah-spacing-md:16px;--bismillah-spacing-lg:24px;--bismillah-spacing-xl:32px}body{background-color:var(--bismillah-light);color:var(--bismillah-dark)}.btn{border:none;border-radius:var(--bismillah-radius-md);cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:var(--bismillah-spacing-sm) var(--bismillah-spacing-md);text-align:center;text-decoration:none;transition:all .3s ease-in-out}.btn-secondary{background-color:var(--bismillah-secondary);color:#fff}.btn-success{background-color:var(--bismillah-success);color:#fff}.btn-danger{background-color:var(--bismillah-danger);color:#fff}.btn-warning{background-color:var(--bismillah-warning);color:#000}.btn-info{background-color:var(--bismillah-info);color:#fff}.btn:hover{filter:brightness(90%);transform:translateY(-2px)}.bismillah-shadow-sm{box-shadow:var(--bismillah-shadow-sm)}.bismillah-card{border-radius:var(--bismillah-radius-md);box-shadow:var(--bismillah-shadow-md);margin:var(--bismillah-spacing-md);padding:var(--bismillah-spacing-lg)}.bismillah-alert{border-radius:var(--bismillah-radius-sm);font-weight:700;margin:var(--bismillah-spacing-sm) 0;padding:var(--bismillah-spacing-sm) var(--bismillah-spacing-md)}.bismillah-alert-primary{background-color:var(--bismillah-primary);color:#fff}.bismillah-alert-danger{background-color:var(--bismillah-danger)}.bismillah-glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:var(--bismillah-radius-lg);box-shadow:var(--bismillah-shadow-lg);padding:var(--bismillah-spacing-lg)}@media (prefers-color-scheme:dark){body{background-color:var(--bismillah-dark);color:#fff}.bismillah-card{background-color:var(--bismillah-secondary);color:#fff}.btn{color:#fff}}.bismillah-card-3d{background:var(--bismillah-bg,#fff);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);padding:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.bismillah-card-3d:hover{box-shadow:0 15px 40px rgba(0,0,0,.25);transform:translateY(-5px)}.bismillah-blur{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.2);border-radius:10px;padding:15px}.bismillah-glow-btn{background:linear-gradient(45deg,#ff416c,#ff4b2b);border:none;border-radius:8px;box-shadow:0 0 10px rgba(255,65,108,.8);color:#fff;cursor:pointer;padding:12px 24px;transition:all .3s ease-in-out}.bismillah-glow-btn:hover{box-shadow:0 0 20px #ff416c;transform:scale(1.05)}.bismillah-gradient-border{border:4px solid;border-image-source:linear-gradient(90deg,#6a11cb,#2575fc)}.bismillah-input-elastic{border:2px solid var(--bismillah-primary,#007bff);border-radius:5px;padding:10px;transition:all .3s}.bismillah-input-elastic:focus{border-color:var(--bismillah-accent,#ff4b2b);outline:none;transform:scale(1.05)}.bismillah-neon-btn{background-color:#111;border:none;border-radius:8px;box-shadow:0 0 5px #0ff,0 0 10px #0ff;color:#0ff;cursor:pointer;font-weight:700;letter-spacing:2px;padding:12px 24px;text-transform:uppercase;transition:.3s}.bismillah-neon-btn:hover{box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 40px #0ff}.bismillah-frosted{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);border-radius:10px;padding:15px}.bismillah-pulse{animation:bismillah-pulse 1.5s infinite}.bismillah-tooltip{cursor:pointer}.bismillah-tooltip:hover:after{background:rgba(0,0,0,.8);border-radius:5px;bottom:120%;color:#fff;content:attr(data-tooltip);font-size:12px;left:50%;opacity:1;padding:5px 10px;position:absolute;transform:translateX(-50%);transition:opacity .3s;visibility:visible;white-space:nowrap}.bismillah-ripple{overflow:hidden;position:relative}.bismillah-ripple:after{animation:bismillah-ripple-animation .6s linear;background:hsla(0,0%,100%,.3);border-radius:50%;content:"";height:100px;position:absolute;transform:scale(0);width:100px}@keyframes bismillah-ripple-animation{0%{transform:scale(0)}}.bismillah-glass-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:15px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;transition:transform .3s ease-in-out}.bismillah-glass-card:hover{transform:translateY(-5px)}.bismillah-3d-hover{transition:transform .3s ease}.bismillah-underline{color:inherit}.bismillah-skeleton{animation:bismillah-skeleton-animation 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes bismillah-skeleton-animation{0%{background-position:200% 0}}.bismillah-scroll-indicator{background:linear-gradient(90deg,#ff7e5f,#feb47b);height:4px;left:0;position:fixed;top:0;transition:width .2s;width:0}.bismillah-border-expand{border:2px solid transparent;display:inline-block;padding:10px 20px;position:relative;transition:border-color .3s ease-in-out}.bismillah-border-expand:after,.bismillah-border-expand:before{background:currentColor;content:"";height:2px;position:absolute;transition:width .3s ease-in-out;width:0}.bismillah-border-expand:before{left:0;top:0}.bismillah-border-expand:after{bottom:0;right:0}.bismillah-border-expand:hover:after,.bismillah-border-expand:hover:before{width:100%}.bismillah-float{animation:bismillah-float 3s ease-in-out infinite;position:relative}@keyframes bismillah-float{0%,to{transform:translateY(0)}}.bismillah-neon{background:#0f0f0f;border-radius:8px;box-shadow:0 0 10px rgba(0,255,255,.8);color:#fff;padding:10px 20px;transition:box-shadow .3s ease-in-out}.bismillah-neon:hover{box-shadow:0 0 20px #0ff}.bismillah-slide-in{animation:bismillah-slide-in .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes bismillah-slide-in{0%{opacity:0;transform:translateY(20px)}}.bismillah-flip-card{perspective:1000px}.bismillah-flip-card-inner{height:200px;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.bismillah-flip-card:hover .bismillah-flip-card-inner{transform:rotateY(180deg)}.bismillah-flip-card-back,.bismillah-flip-card-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.bismillah-flip-card-back{transform:rotateY(180deg)}.bismillah-rotate-border{border:2px solid transparent;display:inline-block;padding:12px 24px;position:relative;transition:transform .3s ease-in-out}.bismillah-rotate-border:before{border:2px solid;content:"";height:calc(100% + 4px);left:-2px;position:absolute;top:-2px;transform:rotate(0deg);transition:transform .3s ease-in-out;width:calc(100% + 4px)}.bismillah-rotate-border:hover:before{transform:rotate(1turn)}.bismillah-navbar{background:#1e1e1e;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;padding:15px 20px}.bismillah-navbar .bismillah-nav-links{display:flex;gap:20px}.bismillah-navbar a{color:#fff;font-weight:600;text-decoration:none;transition:color .3s ease-in-out}.bismillah-navbar a:hover{color:#00d4ff}.bismillah-sidebar a{color:#fff;display:block;font-size:16px;padding:10px;text-decoration:none;transition:background .3s}.bismillah-sidebar a:hover{background:#444}.bismillah-sidebar-toggle{right:-50px;transition:right .3s}.bismillah-sidebar:hover .bismillah-sidebar-toggle{right:10px}.bismillah-footer{background:#1e1e1e;bottom:0;box-shadow:0 -4px 6px rgba(0,0,0,.1);padding:15px 20px;position:fixed;width:100%}.bismillah-footer a{color:#00d4ff;font-weight:600;text-decoration:none}.bismillah-footer a:hover{text-decoration:underline}.bismillah-sidebar-toggle{background:#00d4ff;border-radius:5px;color:#fff;cursor:pointer;left:250px;padding:10px;position:absolute;top:20px;transition:left .3s}.bismillah-sidebar.active{left:0}.bismillah-sidebar.active .bismillah-sidebar-toggle{left:260px}@keyframes slideIn{0%{left:-250px}}.bismillah-sidebar.active{animation:slideIn .3s forwards}@media (max-width:768px){.bismillah-sidebar{width:200px}.bismillah-sidebar-toggle{left:200px}.bismillah-sidebar.active{left:0}}.bismillah-sidebar{background:#2c2c2c;box-shadow:4px 0 6px rgba(0,0,0,.1);height:100vh;left:-250px;transition:left .3s ease-in-out;z-index:1000}.bismillah-sidebar .submenu{background:#333;display:none;padding-left:20px}.bismillah-sidebar .submenu a{font-size:14px}.bismillah-sidebar .has-submenu>a:after{content:"▼";font-size:12px;margin-left:auto}.bismillah-sidebar .has-submenu.active .submenu{display:block}.bismillah-sidebar a .icon{height:20px;width:20px}.bismillah-dark-mode{background:#121212;color:#f1f1f1}.bismillah-dark-mode .bismillah-sidebar{background:#1e1e1e;color:#fff}.bismillah-dark-mode .bismillah-sidebar a{color:#f1f1f1}.bismillah-dark-mode .bismillah-sidebar a:hover{background:#333}.bismillah-dark-mode .bismillah-sidebar .submenu{background:#252525}.bismillah-dark-toggle{background:#fc0;border-radius:5px;color:#000;cursor:pointer;padding:10px 15px;position:fixed;right:20px;top:20px;transition:background .3s}.bismillah-scrollbar::-webkit-scrollbar{width:10px}.bismillah-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.bismillah-floating-btn{background:#007bff;border-radius:50%;bottom:20px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;padding:15px;position:fixed;right:20px;transition:transform .3s ease-in-out}.bismillah-floating-btn:hover{transform:scale(1.1)}@keyframes float{0%{transform:translateY(0)}}.bismillah-floating-btn{animation:float 3s ease-in-out infinite}.bismillah-card{border-radius:12px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.bismillah-card:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-10px)}.bismillah-card-hover{overflow:hidden;position:relative}.bismillah-card-hover:before{background:hsla(0,0%,100%,.2);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease-in-out;width:100%}.bismillah-card-hover:hover:before{left:100%}.bismillah-card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 4px 8px hsla(0,0%,100%,.1);padding:20px;transition:transform .3s ease-in-out}.bismillah-card-border{border:2px solid transparent;border-radius:12px;overflow:hidden;padding:20px;position:relative}.bismillah-card-border:before{background:linear-gradient(45deg,#ff416c,#ff4b2b);bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;transition:transform .3s ease-in-out;z-index:-1}.bismillah-card-border:hover:before{transform:scale(1.05)}.bismillah-card-pulse:hover{animation:pulse .6s ease-in-out infinite}.bismillah-badge{background:#ff4b2b;border-radius:20px;color:#fff;text-transform:uppercase}.bismillah-badge-success{background:#28a745}.bismillah-badge-info{background:#17a2b8}.bismillah-badge-icon{align-items:center;display:flex;gap:5px}.bismillah-label{display:inline-block;font-size:14px;font-weight:700;margin-bottom:5px}.bismillah-label-bg{background:#007bff;border-radius:5px;color:#fff;display:inline-block;padding:3px 8px}.bismillah-label-rounded{background:#6c757d;border-radius:12px;color:#fff;font-size:14px;padding:4px 12px}@keyframes badge-pulse{0%{transform:scale(1)}}.bismillah-badge-animated{animation:badge-pulse 1s infinite}:root{--bismillah-bg-color:#fff;--bismillah-text-color:#333;--bismillah-primary-color:#4361ee;--bismillah-secondary-color:#6c757d;--bismillah-success-color:#2ecc71;--bismillah-danger-color:#e74c3c;--bismillah-warning-color:#f39c12;--bismillah-info-color:#3498db;--bismillah-light-color:#f8f9fa;--bismillah-dark-color:#343a40;--bismillah-border-color:#e0e0e0;--bismillah-shadow-color:rgba(0,0,0,.1)}.bismillah-theme-dark{--bismillah-bg-color:#121212;--bismillah-text-color:#f0f0f0;--bismillah-primary-color:#6d8efc;--bismillah-secondary-color:#adb5bd;--bismillah-success-color:#4cd787;--bismillah-danger-color:#fc5d65;--bismillah-warning-color:#ffcc29;--bismillah-info-color:#4da8da;--bismillah-light-color:#2a2a2a;--bismillah-dark-color:#e9ecef;--bismillah-border-color:#444;--bismillah-shadow-color:rgba(0,0,0,.25)}.bismillah-theme-blue{--bismillah-bg-color:#edf2ff;--bismillah-text-color:#333;--bismillah-primary-color:#1e40af;--bismillah-secondary-color:#415a77;--bismillah-success-color:#0a8754;--bismillah-danger-color:#ba2d0b;--bismillah-warning-color:#f48c06;--bismillah-info-color:#0077b6;--bismillah-light-color:#e9f1ff;--bismillah-dark-color:#233559;--bismillah-border-color:#c7dbff;--bismillah-shadow-color:rgba(30,64,175,.15)}.bismillah-theme-green{--bismillah-bg-color:#f0fff4;--bismillah-text-color:#333;--bismillah-primary-color:#2f855a;--bismillah-secondary-color:#5f8d4e;--bismillah-success-color:#38a169;--bismillah-danger-color:#e53e3e;--bismillah-warning-color:#f6ad55;--bismillah-info-color:#3182ce;--bismillah-light-color:#e6ffed;--bismillah-dark-color:#22543d;--bismillah-border-color:#c6f6d5;--bismillah-shadow-color:rgba(47,133,90,.15)}.bismillah-theme-purple{--bismillah-bg-color:#faf5ff;--bismillah-text-color:#333;--bismillah-primary-color:#6b46c1;--bismillah-secondary-color:#9f7aea;--bismillah-success-color:#38a169;--bismillah-danger-color:#e53e3e;--bismillah-warning-color:#f6ad55;--bismillah-info-color:#3182ce;--bismillah-light-color:#f1e8ff;--bismillah-dark-color:#44337a;--bismillah-border-color:#e9d8fd;--bismillah-shadow-color:rgba(107,70,193,.15)}.bismillah-theme-red{--bismillah-bg-color:#fff5f5;--bismillah-text-color:#333;--bismillah-primary-color:#c53030;--bismillah-secondary-color:#f56565;--bismillah-success-color:#38a169;--bismillah-danger-color:#e53e3e;--bismillah-warning-color:#f6ad55;--bismillah-info-color:#3182ce;--bismillah-light-color:#fed7d7;--bismillah-dark-color:#822727;--bismillah-border-color:#feb2b2;--bismillah-shadow-color:rgba(197,48,48,.15)}.bismillah-theme-orange{--bismillah-bg-color:#fffaf0;--bismillah-text-color:#333;--bismillah-primary-color:#dd6b20;--bismillah-secondary-color:#ed8936;--bismillah-success-color:#38a169;--bismillah-danger-color:#e53e3e;--bismillah-warning-color:#f6ad55;--bismillah-info-color:#3182ce;--bismillah-light-color:#feebc8;--bismillah-dark-color:#9c4221;--bismillah-border-color:#fbd38d;--bismillah-shadow-color:rgba(221,107,32,.15)}.bismillah-theme-teal{--bismillah-bg-color:#e6fffa;--bismillah-text-color:#333;--bismillah-primary-color:#2c7a7b;--bismillah-secondary-color:#4fd1c5;--bismillah-success-color:#38a169;--bismillah-danger-color:#e53e3e;--bismillah-warning-color:#f6ad55;--bismillah-info-color:#3182ce;--bismillah-light-color:#b2f5ea;--bismillah-dark-color:#234e52;--bismillah-border-color:#81e6d9;--bismillah-shadow-color:rgba(44,122,123,.15)}.bismillah-theme-cyberpunk{--bismillah-bg-color:#0f0f18;--bismillah-text-color:#f9f9f9;--bismillah-primary-color:#ff3864;--bismillah-secondary-color:#1ec3a4;--bismillah-success-color:#00ff9f;--bismillah-danger-color:#ff3864;--bismillah-warning-color:#ffba02;--bismillah-info-color:#00b8ff;--bismillah-light-color:#212136;--bismillah-dark-color:#d8d8d8;--bismillah-border-color:#473bf0;--bismillah-shadow-color:rgba(255,56,100,.5)}.bismillah-theme-pastel{--bismillah-bg-color:#fef6f6;--bismillah-text-color:#5a5a5a;--bismillah-primary-color:#f8a4bd;--bismillah-secondary-color:#a2d2ff;--bismillah-success-color:#bde0fe;--bismillah-danger-color:#ffafcc;--bismillah-warning-color:#ffc8dd;--bismillah-info-color:#cdb4db;--bismillah-light-color:#fdffb6;--bismillah-dark-color:#9c89b8;--bismillah-border-color:#ffcfd2;--bismillah-shadow-color:rgba(248,164,189,.2)}.bismillah-theme-apply{background-color:var(--bismillah-bg-color);color:var(--bismillah-text-color)}.bismillah-bg-primary{background-color:var(--bismillah-primary-color);color:#fff}.bismillah-bg-secondary{background-color:var(--bismillah-secondary-color);color:#fff}.bismillah-bg-success{background-color:var(--bismillah-success-color);color:#fff}.bismillah-bg-danger{background-color:var(--bismillah-danger-color);color:#fff}.bismillah-bg-warning{background-color:var(--bismillah-warning-color);color:#212529}.bismillah-bg-info{background-color:var(--bismillah-info-color);color:#fff}.bismillah-bg-light{background-color:var(--bismillah-light-color);color:var(--bismillah-text-color)}.bismillah-bg-dark{background-color:var(--bismillah-dark-color)}.bismillah-text-primary{color:var(--bismillah-primary-color)}.bismillah-text-secondary{color:var(--bismillah-secondary-color)}.bismillah-text-success{color:var(--bismillah-success-color)}.bismillah-text-danger{color:var(--bismillah-danger-color)}.bismillah-text-warning{color:var(--bismillah-warning-color)}.bismillah-text-info{color:var(--bismillah-info-color)}.bismillah-text-light{color:var(--bismillah-light-color)}.bismillah-text-dark{color:var(--bismillah-dark-color)}.bismillah-border-primary{border-color:var(--bismillah-primary-color)}.bismillah-border-color{border-color:var(--bismillah-border-color)}@media (prefers-color-scheme:dark){.bismillah-theme-auto{--bismillah-bg-color:#121212;--bismillah-text-color:#f0f0f0;--bismillah-primary-color:#6d8efc;--bismillah-secondary-color:#adb5bd;--bismillah-success-color:#4cd787;--bismillah-danger-color:#fc5d65;--bismillah-warning-color:#ffcc29;--bismillah-info-color:#4da8da;--bismillah-light-color:#2a2a2a;--bismillah-dark-color:#e9ecef;--bismillah-border-color:#444;--bismillah-shadow-color:rgba(0,0,0,.25)}}.bismillah-p-auto{padding:auto}.bg-primary{background-color:#1e40af}.bg-secondary{background-color:#64748b}.bg-success{background-color:#16a34a}.bg-warning{background-color:#eab308}.bg-danger{background-color:#dc2626}.bg-info{background-color:#0ea5e9}.border{border:1px solid #e5e7eb}.border-0{border:none}.border-2{border-width:2px}.border-4{border-width:4px}.border-8{border-width:8px}.border-primary{border-color:#1e40af}.border-secondary{border-color:#64748b}.border-success{border-color:#16a34a}.border-warning{border-color:#eab308}.border-danger{border-color:#dc2626}body{background-color:var(--bg-color,#f8f9fa);color:var(--text-color,#212529);font-family:Arial,sans-serif;margin:0;padding:0}.bismillah-flex{align-items:center;justify-content:center}.bismillah-grid{gap:10px}.bismillah-bg-dark{color:#fff}.bismillah-container{width:90%}.bismillah-btn{border:none;border-radius:5px}.bismillah-btn-primary{background-color:#007bff}.bismillah-btn-primary:hover{background-color:#0056b3}.bismillah-btn-secondary{background-color:#6c757d}.bismillah-btn-secondary:hover{background-color:#545b62}.bismillah-card{border-radius:10px;transition:transform .3s ease-in-out}.bismillah-card:hover{transform:translateY(-5px)}@media (max-width:768px){.bismillah-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width:769px){.bismillah-grid{grid-template-columns:repeat(3,1fr)}}.bismillah-sidebar{background:#333;color:#fff;height:100%;left:0;padding:20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;width:250px}.bismillah-sidebar.open{transform:translateX(0)}.bismillah-footer{background:#222;color:#fff;padding:20px;text-align:center}.bismillah-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:700;padding:5px 10px}.bismillah-badge-primary{background-color:#007bff;color:#fff}.bismillah-badge-secondary{background-color:#6c757d;color:#fff}.bismillah-badge-success{background-color:#28a745;color:#fff}.bismillah-badge-warning{background-color:#ffc107;color:#000}.bismillah-badge-danger{background-color:#dc3545;color:#fff}.bismillah-overflow-visible{overflow:visible}.bismillah-overflow-scroll{overflow:scroll}.bismillah-uppercase{text-transform:uppercase}.bismillah-lowercase{text-transform:lowercase}.bismillah-capitalize{text-transform:capitalize}.bismillah-tracking-tight{letter-spacing:-.05em}.bismillah-tracking-normal{letter-spacing:0}.bismillah-tracking-wide{letter-spacing:.05em}.bismillah-leading-none{line-height:1}.bismillah-leading-tight{line-height:1.25}.bismillah-leading-normal{line-height:1.5}.bismillah-leading-loose{line-height:2}.bismillah-bg-white{background-color:#fff}.bismillah-bg-black{background-color:#000}.bismillah-bg-gray{background-color:#e5e7eb}.bismillah-bg-red{background-color:#ef4444}.bismillah-bg-green{background-color:#10b981}.bismillah-bg-yellow{background-color:#facc15}.bismillah-bg-purple{background-color:#8b5cf6}.bismillah-bg-gradient-to-r{background-image:linear-gradient(to right,var(--bismillah-color-start),var(--bismillah-color-end))}.bismillah-bg-gradient-to-l{background-image:linear-gradient(to left,var(--bismillah-color-start),var(--bismillah-color-end))}.bismillah-bg-gradient-to-t{background-image:linear-gradient(to top,var(--bismillah-color-start),var(--bismillah-color-end))}.bismillah-bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--bismillah-color-start),var(--bismillah-color-end))}.bg-neon-blue{background-color:#00f;box-shadow:0 0 10px #00f,0 0 40px #00f}.bg-neon-green{background-color:#0f0;box-shadow:0 0 10px #0f0,0 0 40px #0f0}.bg-neon-red{background-color:red;box-shadow:0 0 10px red,0 0 40px red}.bg-neon-pink{background-color:#f0f;box-shadow:0 0 10px #f0f,0 0 40px #f0f}.bg-neon-yellow{background-color:#ff0;box-shadow:0 0 10px #ff0,0 0 40px #ff0}.bg-gradient-warning{background:linear-gradient(45deg,#ffc107,#e0a800)}.bg-gradient-info{background:linear-gradient(45deg,#17a2b8,#117a8b)}.bg-gradient-dark{background:linear-gradient(45deg,#343a40,#1d2124)}.bg-gradient-rainbow{animation:gradient-shift 6s linear infinite;background:linear-gradient(90deg,red,#ff7300,#fffb00,#48ff00,#0fe,#0048ff,#7a00ff);background-size:400% 400%}@media (prefers-color-scheme:dark){.bg-neon-blue,.bg-neon-green,.bg-neon-pink,.bg-neon-red,.bg-neon-yellow{filter:brightness(1.2)}}.bismillah-border-none{border:none}.bismillah-border-gray{border-color:#e5e7eb}.bismillah-border-red{border-color:#ef4444}.bismillah-border-blue{border-color:#3b82f6}.bismillah-border-green{border-color:#10b981}.bismillah-mix-normal{mix-blend-mode:normal}.bismillah-mix-multiply{mix-blend-mode:multiply}.bismillah-mix-screen{mix-blend-mode:screen}.bismillah-mix-overlay{mix-blend-mode:overlay}.bismillah-mix-darken{mix-blend-mode:darken}.bismillah-mix-lighten{mix-blend-mode:lighten}.bismillah-blur-sm{filter:blur(2px)}.bismillah-blur{filter:blur(4px)}.bismillah-blur-lg{filter:blur(8px)}.bismillah-grayscale{filter:grayscale(100%)}.bismillah-invert{filter:invert(100%)}.bismillah-sepia{filter:sepia(100%)}.bismillah-transition-fast{transition:all .1s ease-in-out}.bismillah-transition-slow{transition:all .5s ease-in-out}.bismillah-grid-center{display:grid;place-items:center}.bismillah-w-90{width:90%}.bismillah-h-90{height:90%}.bismillah-min-w-50{min-width:50px}.bismillah-min-h-50{min-height:50px}.bismillah-scrollbar{scrollbar-color:var(--bismillah-primary) var(--bismillah-light)}.bismillah-scrollbar::-webkit-scrollbar{width:6px}.bismillah-scrollbar::-webkit-scrollbar-thumb{background-color:var(--bismillah-primary);border-radius:10px}.bismillah-scrollbar::-webkit-scrollbar-track{background-color:var(--bismillah-light)}.bismillah-text-gradient{background:linear-gradient(45deg,var(--bismillah-primary),var(--bismillah-secondary))}.bismillah-text-blur:hover{filter:blur(2px)}.bismillah-hover-rotate:hover{transition:transform .3s ease-in-out}.bismillah-hover-shadow:hover{transition:box-shadow .3s ease-in-out}.bismillah-px-5{padding-left:5px;padding-right:5px}.bismillah-py-10{padding-bottom:10px;padding-top:10px}.bismillah-container{padding:0 20px}.bismillah-responsive-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bismillah-box-shadow{box-shadow:0 4px 8px rgba(0,0,0,.1)}.bismillah-border-rounded{border-radius:10px}.bismillah-bounce{animation:bounce 1s infinite}.bismillah-shake:hover{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(-5px)}}.bismillah-btn-glow{overflow:hidden;position:relative}.bismillah-btn-glow:after{background:radial-gradient(circle,hsla(0,0%,100%,.3) 10%,transparent 70%);content:"";height:300%;left:-100%;position:absolute;top:-100%;transition:top .3s ease-out,left .3s ease-out;width:300%}.bismillah-btn-glow:hover:after{left:0;top:0}.bismillah-bg-animated{animation:gradientMove 3s linear infinite}@keyframes gradientMove{0%{background-position:0 50%}}.bismillah-hover-glow:hover{box-shadow:0 0 15px var(--bismillah-primary)}.bismillah-flex-wrap{display:flex;flex-wrap:wrap}.bismillah-aspect-4-3{aspect-ratio:4/3}.bismillah-aspect-1-1{aspect-ratio:1/1}.bismillah-hover-bright:hover{filter:brightness(1.2);transition:filter .3s ease-in-out}.bismillah-hover-grayscale:hover{filter:grayscale(100%);transition:filter .3s ease-in-out}.bismillah-hover-opacity:hover{opacity:.7;transition:opacity .3s ease-in-out}.bismillah-animate-bounce{animation:bismillah-bounce 1s infinite}@keyframes bismillah-bounce{0%,to{transform:translateY(0)}}.bismillah-animate-spin{animation:bismillah-spin 1s linear infinite}.bismillah-animate-fade-in{animation:bismillah-fade-in 1s ease-in-out}.bismillah-border-1{border-color:var(--bismillah-primary);border-style:solid}.bismillah-shadow-lg{box-shadow:0 10px 30px rgba(0,0,0,.2)}.bismillah-shadow-sm{box-shadow:0 2px 5px rgba(0,0,0,.1)}.bismillah-border-dashed{border:2px dashed var(--bismillah-primary)}.bismillah-border-dotted{border:2px dotted var(--bismillah-secondary)}.bismillah-border-double{border:4px double var(--bismillah-dark)}.bismillah-list-none{list-style:none}.bismillah-list-disc{list-style-type:disc}.bismillah-list-square{list-style-type:square}.bismillah-list-circle{list-style-type:circle}.bismillah-list-checkmarks li:before{color:var(--bismillah-primary);content:"\2713";margin-right:8px}.bismillah-shadow-sm{box-shadow:0 2px 4px rgba(0,0,0,.1)}.bismillah-shadow-glow{box-shadow:0 0 15px var(--bismillah-primary)}.bismillah-hover-underline:hover{text-decoration:underline}.bismillah-hover-bg-scale:hover{background-color:var(--bismillah-light);transform:scale(1.1);transition:transform .3s ease-in-out,background-color .3s ease-in-out}.bismillah-hover-border-flash:hover{border-color:var(--bismillah-secondary);transition:border-color .3s ease-in-out}@media (min-width:769px){.bismillah-hide-desktop{display:none}}.bismillah-grid-auto-fit{gap:10px}.bismillah-grid-auto-fill{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bismillah-border-gradient{background-clip:padding-box}.bismillah-text-neon{color:var(--bismillah-light);text-shadow:0 0 5px var(--bismillah-primary),0 0 10px var(--bismillah-secondary)}.bismillah-bg-animated{animation:bismillah-bg-animation 5s ease infinite}@keyframes bismillah-bg-animation{0%{background-position:0 50%}}.bismillah-hover-skew:hover{transform:skewX(10deg);transition:transform .3s ease-in-out}.bismillah-hover-glow:hover{box-shadow:0 0 10px var(--bismillah-primary)}.bismillah-fixed-top{position:fixed;top:0;width:100%;z-index:1000}.bismillah-fixed-bottom{bottom:0;position:fixed;width:100%;z-index:1000}.bismillah-letter-spacing-wide{letter-spacing:2px}.bismillah-line-height-loose{line-height:1.8}.bismillah-list-decimal{list-style-type:decimal}.bismillah-bg-animated{animation:gradientBG 5s ease infinite;background:linear-gradient(270deg,var(--bismillah-primary),var(--bismillah-secondary));background-size:400% 400%}@keyframes gradientBG{0%{background-position:0 50%}}.bismillah-box-shadow-lg{box-shadow:0 10px 30px rgba(0,0,0,.3)}.bismillah-border-gradient{-o-border-image:linear-gradient(45deg,var(--bismillah-primary),var(--bismillah-secondary));border-image:linear-gradient(45deg,var(--bismillah-primary),var(--bismillah-secondary))}.bismillah-hover-pulse:hover{animation:pulse 1s infinite}.bismillah-hover-translate:hover{transform:translateY(-5px);transition:transform .3s ease-in-out}@media (max-width:768px){.bismillah-flex-responsive{display:block}}@media (max-width:1024px){.bismillah-grid-responsive{display:grid;grid-template-columns:repeat(2,1fr)}}@media (prefers-color-scheme:dark){.bismillah-auto-theme{background-color:var(--bismillah-dark-bg);color:var(--bismillah-light-text)}}@media (prefers-color-scheme:light){.bismillah-auto-theme{background-color:var(--bismillah-light-bg);color:var(--bismillah-dark-text)}}.bismillah-hover-depth:hover{box-shadow:0 10px 30px rgba(0,0,0,.3);transform:translateY(-5px);transition:all .3s ease-in-out}.bismillah-text-auto{font-size:clamp(1rem,2vw,2rem)}.bismillah-dynamic-color{filter:brightness(.9) contrast(1.1);transition:all .3s ease-in-out}.bismillah-dynamic-color:hover{filter:brightness(1) contrast(1.2)}.bismillah-glass{border:1px solid hsla(0,0%,100%,.3)}@keyframes borderAnimation{0%{border-color:var(--bismillah-primary)}}.bismillah-border-animate{animation:borderAnimation 3s infinite alternate;border:2px solid}@media (prefers-color-scheme:dark){.bismillah-dark-auto{background-color:var(--bismillah-dark);color:var(--bismillah-light)}}.bismillah-tilt{transition:transform .3s ease-in-out}.bismillah-tilt:hover{transform:perspective(500px) rotateY(10deg)}.bismillah-auto-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bismillah-3d-depth{box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);transition:box-shadow .3s ease-in-out}.bismillah-3d-depth:hover{box-shadow:0 10px 20px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.1)}.bismillah-neon-glow{text-shadow:0 0 5px var(--bismillah-primary),0 0 10px var(--bismillah-secondary)}.bismillah-neon-box{box-shadow:0 0 5px var(--bismillah-primary),0 0 15px var(--bismillah-secondary)}.bismillah-underline{display:inline-block;position:relative;text-decoration:none}.bismillah-underline:after{background:var(--bismillah-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease-in-out;width:100%}.bismillah-underline:hover:after{transform:scaleX(1)}.bismillah-adaptive-bg{transition:background-color .3s ease-in-out}@media (prefers-color-scheme:dark){.bismillah-adaptive-bg{background-color:var(--bismillah-dark)}}.bismillah-smart-text{color:var(--bismillah-dark)}.bismillah-3d-card{transform:perspective(1000px) rotateX(10deg) rotateY(10deg);transition:transform .3s ease-in-out}.bismillah-3d-card:hover{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}.bismillah-glass{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.1)}.bismillah-frosted-hover:hover{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(0,0%,100%,.3)}.bismillah-auto-spacing{margin:5%;padding:5%}@media (max-width:768px){.bismillah-auto-spacing{margin:3%;padding:3%}}.bismillah-adaptive-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.bismillah-adaptive-bg{background-color:var(--bismillah-light);transition:background-color .5s ease-in-out}.bismillah-dark-mode .bismillah-adaptive-bg{background-color:var(--bismillah-dark)}.bismillah-3d-hover{transform:perspective(500px) rotateX(10deg) rotateY(10deg);transition:transform .3s ease-in-out}.bismillah-3d-hover:hover{transform:perspective(500px) rotateX(5deg) rotateY(5deg)}.bismillah-parallax{background-attachment:fixed;background-position:50%;background-size:cover}.bismillah-glassmorphism{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:10px}.bismillah-dynamic-utility{background-color:var(--bismillah-primary);border-radius:5px;color:#fff;display:inline-block;font-size:1rem;font-weight:700;padding:10px;text-transform:uppercase;transition:all .3s ease-in-out}.bismillah-dynamic-utility:hover{background-color:var(--bismillah-secondary);transform:scale(1.1)}.bismillah-floating{background:var(--bismillah-primary);border-radius:50%;bottom:20px;box-shadow:0 4px 10px rgba(0,0,0,.2);padding:15px;position:fixed;right:20px;transition:all .3s ease-in-out}.bismillah-floating:hover{transform:translateY(-5px)}.bismillah-neon-border{border:2px solid var(--bismillah-primary);box-shadow:0 0 10px var(--bismillah-primary)}.bismillah-grid-3{gap:15px}.bismillah-grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}@keyframes bismillah-typewriter{0%{width:0}}.bismillah-typewriter{animation:bismillah-typewriter 3s steps(30) infinite;border-right:3px solid var(--bismillah-primary);overflow:hidden;white-space:nowrap;width:100%}.bismillah-3d