<!DOCTYPE html>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
		<title></title>
<meta name='robots' content='max-image-preview:large' />
<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' />
<link rel='dns-prefetch' href='//unpkg.com' />
<style id='wp-img-auto-sizes-contain-inline-css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='global-styles-inline-css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 800px;--wp--style--global--wide-size: 1200px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel='stylesheet' id='custom-main-website-css-css' href='https://isu.ro/wp-content/plugins/isu-core/css/main-website.css?ver=1.0' media='all' />
<link rel='stylesheet' id='pagination-css-css' href='https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.6.0/pagination.css?ver=2.6.0' media='all' />
<link rel='stylesheet' id='xsi-tabele-css-css' href='https://isu.ro/wp-content/plugins/isu-core/tabele/css/tabele.css?ver=2.0' media='all' />
<link rel='stylesheet' id='elementor-frontend-css' href='https://isu.ro/wp-content/plugins/elementor/assets/css/frontend.css?ver=3.35.6' media='all' />
<link rel='stylesheet' id='elementor-post-7-css' href='https://isu.ro/wp-content/uploads/elementor/css/post-7.css?ver=1772886573' media='all' />
<link rel='stylesheet' id='widget-image-css' href='https://isu.ro/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=3.35.6' media='all' />
<link rel='stylesheet' id='e-animation-fadeInDown-css' href='https://isu.ro/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInDown.css?ver=3.35.6' media='all' />
<link rel='stylesheet' id='e-animation-grow-css' href='https://isu.ro/wp-content/plugins/elementor/assets/lib/animations/styles/e-animation-grow.css?ver=3.35.6' media='all' />
<link rel='stylesheet' id='e-animation-zoomIn-css' href='https://isu.ro/wp-content/plugins/elementor/assets/lib/animations/styles/zoomIn.css?ver=3.35.6' media='all' />
<link rel='stylesheet' id='widget-login-css' href='https://isu.ro/wp-content/plugins/elementor-pro/assets/css/widget-login.min.css?ver=3.35.1' media='all' />
<link rel='stylesheet' id='widget-form-css' href='https://isu.ro/wp-content/plugins/elementor-pro/assets/css/widget-form.min.css?ver=3.35.1' media='all' />
<link rel='stylesheet' id='elementor-post-12-css' href='https://isu.ro/wp-content/uploads/elementor/css/post-12.css?ver=1772886686' media='all' />
<link rel='stylesheet' id='shortcoduri-css-css' href='https://isu.ro/wp-content/plugins/isu-core/flow/css/shortcoduri.css?ver=1770907721' media='all' />
<link rel='stylesheet' id='elementor-post-15134-css' href='https://isu.ro/wp-content/uploads/elementor/css/post-15134.css?ver=1772886573' media='all' />
<link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://isu.ro/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1746349460' media='all' />
<link rel='stylesheet' id='elementor-gf-local-opensans-css' href='https://isu.ro/wp-content/uploads/elementor/google-fonts/css/opensans.css?ver=1746349653' media='all' />
<script id="jquery-core-js-extra">
var ajax_object = {"ajax_url":"https://isu.ro/wp-admin/admin-ajax.php","nonce":"56f9610f90"};
//# sourceURL=jquery-core-js-extra
</script>
<script src="https://isu.ro/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script>
<script src="https://isu.ro/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://isu.ro/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://isu.ro/wp-json/wp/v2/pages/12" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://isu.ro/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.1" />
<link rel="canonical" href="https://isu.ro/" />
<link rel='shortlink' href='https://isu.ro/' />
<meta name="generator" content="Elementor 3.35.6; features: e_font_icon_svg, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
<script src="https://cdn.tailwindcss.com"></script>

<!-- DaisyUI -->
<link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>



<script>
  tailwind.config = {
    darkMode: 'class',
    theme: {
      extend: {
        colors: {
          primary: {
            "50": "#eff6ff",
            "100": "#dbeafe",
            "200": "#bfdbfe",
            "300": "#93c5fd",
            "400": "#60a5fa",
            "500": "#3b82f6",
            "600": "#2563eb",
            "700": "#1d4ed8",
            "800": "#1e40af",
            "900": "#1e3a8a",
            "950": "#172554"
          }
        }
      }
    }
  }
</script>



<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>

			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@media screen and (max-height: 640px) {
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
			</style>
			<link rel="icon" href="https://isu.ro/wp-content/uploads/2025/03/cropped-logo-isu-32x32.png" sizes="32x32" />
<link rel="icon" href="https://isu.ro/wp-content/uploads/2025/03/cropped-logo-isu-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://isu.ro/wp-content/uploads/2025/03/cropped-logo-isu-180x180.png" />
<meta name="msapplication-TileImage" content="https://isu.ro/wp-content/uploads/2025/03/cropped-logo-isu-270x270.png" />
    <style id="particles-background-css">
.particles-background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    background-image: url('https://isu.ro/wp-content/uploads/2025/08/javier-miranda-AlJ9TQqeCV0-unsplash.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
        
        .particles-background-overlay canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        
        body {
            background: transparent !important;
        }
    </style>
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /></head>
<body class="home wp-singular page-template page-template-elementor_canvas page page-id-12 wp-embed-responsive wp-theme-hello-elementor hello-elementor-default elementor-default elementor-template-canvas elementor-kit-7 elementor-page elementor-page-12 elementor-page-15134">
			<div data-elementor-type="single-page" data-elementor-id="15134" class="elementor elementor-15134 post-12 page type-page status-publish hentry" data-elementor-post-type="elementor_library">
			<div class="elementor-element elementor-element-41ac074 (elementor-section-height-full-login) e-flex e-con-boxed e-con e-parent" data-id="41ac074" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3a0fd3d elementor-widget elementor-widget-image" data-id="3a0fd3d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="204" height="204" src="https://isu.ro/wp-content/uploads/2025/03/logo-isu-conectare.png" class="attachment-large size-large wp-image-19125" alt="" srcset="https://isu.ro/wp-content/uploads/2025/03/logo-isu-conectare.png 204w, https://isu.ro/wp-content/uploads/2025/03/logo-isu-conectare-150x150.png 150w" sizes="(max-width: 204px) 100vw, 204px" />															</div>
				</div>
				<div class="elementor-element elementor-element-b5cae2d elementor-widget elementor-widget-shortcode" data-id="b5cae2d" data-element_type="widget" data-e-type="widget" data-widget_type="shortcode.default">
				<div class="elementor-widget-container">
							<div class="elementor-shortcode">    
    <style>
    /* CSS pentru caseta de logare cu efect glow */
.login_box_69afc773e15e9_container {
    position: relative;
    width: 100%;
    height: auto;
    min-height: auto;
    overflow: visible;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
    
    .login_box_69afc773e15e9_shadow {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        height: 8rem;
        width: 8rem;
        border-radius: 50%;
        background-color: white;
        filter: blur(70px);
        transition: opacity 300ms;
        opacity: 0;
        pointer-events: none;
    }
    
    .login_box_69afc773e15e9_card {
        position: relative;
        z-index: 1;
        display: flex;
        height: auto;
        width: 100%;
        max-width: 27.5rem;
        margin: auto;
        flex-direction: column;
        overflow: hidden;
        border-radius: 2rem;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        background: linear-gradient(to top, rgba(244, 244, 245, 0.1), rgba(9, 9, 11, 0.5) 50%);
        padding: 2rem;
        color: white;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
        outline: 1px solid rgba(255, 255, 255, 0.05);
        outline-offset: -1px;
        backdrop-filter: blur(40px);
    }
    
    .login_box_69afc773e15e9_tabs {
        position: relative;
        display: inline-flex;
        height: 3rem;
        align-items: center;
        border-radius: 9999px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        background-color: rgba(9, 9, 11, 0.75);
        padding: 0.25rem;
        font-size: 0.875rem;
        font-weight: 500;
        margin-bottom: 2rem;
    }
    
    
    
    .login_box_69afc773e15e9_tab {
        position: relative;
        z-index: 1;
        display: inline-flex;
        height: 100%;
        width: 50%;
        align-items: center;
        justify-content: center;
        padding: 0 1.5rem;
        transition: color 300ms;
        text-decoration: none;
    }
    
    .login_box_69afc773e15e9_tab.active {
        color: white;
        background-color: rgb(39, 39, 42);
        border-radius: 9999px;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        outline: 1px solid rgba(255, 255, 255, 0.04);
        outline-offset: -1px;
    }
    
    .login_box_69afc773e15e9_tab_link {
        color: rgb(113, 113, 122);
        cursor: pointer;
    }
    
    .login_box_69afc773e15e9_tab_link:hover {
        color: white;
    }
    
    .login_box_69afc773e15e9_title {
        margin-bottom: 1.75rem;
        font-size: 1.4rem;
        font-weight: 500;
    }
    
    .login_box_69afc773e15e9_form {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        font-size: 0.875rem;
    }
    
    .login_box_69afc773e15e9_form.hidden {
        display: none;
    }
    
    .login_box_69afc773e15e9_input_container {
        position: relative;
        height: 2.75rem;
        overflow: hidden;
    }
    
    
    
.login_box_69afc773e15e9_input {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    border-radius: 0.375rem;
    border: 1px solid rgba(255, 255, 255, 0.15);
    background-color: rgba(255, 255, 255, 0.08);
    padding: 0 1rem;
    transition: all 300ms;
    color: white;
}
    
.login_box_69afc773e15e9_input::placeholder {
    color: rgba(255, 255, 255, 0.4);
}
    
.login_box_69afc773e15e9_input:focus {
    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: rgba(255, 255, 255, 0.12);
}

.login_box_69afc773e15e9_input:hover {
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
}
    
    .login_box_69afc773e15e9_input_glow_line {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        height: 1px;
        width: 100%;
        background: linear-gradient(to right, transparent 5%, white, transparent 95%);
        opacity: 0;
        transition: opacity 300ms;
    }
    
    .login_box_69afc773e15e9_input_glow_blur {
        position: absolute;
        bottom: 0;
        z-index: 1;
        height: 1rem;
        left: 1rem;
        right: 1rem;
        transform-origin: bottom;
        transform: scaleY(0) skewX(-12deg);
        background: linear-gradient(to bottom, white, transparent);
        opacity: 0;
        filter: blur(12px);
        transition: all 300ms;
    }
    
    .login_box_69afc773e15e9_input:focus + .login_box_69afc773e15e9_input_glow_line {
        opacity: 0.4;
    }
    
    .login_box_69afc773e15e9_input:focus ~ .login_box_69afc773e15e9_input_glow_blur {
        transform: scaleY(1) skewX(-12deg);
        opacity: 0.3;
    }
    
    .login_box_69afc773e15e9_submit_btn {
        margin-top: 1.75rem;
        height: 3rem;
        width: 100%;
        cursor: pointer;
        border-radius: 0.375rem;
        background-color: white;
        padding: 0 0.5rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: rgb(39, 39, 42);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
        border: none;
        transition: all 300ms;
    }
    
    .login_box_69afc773e15e9_submit_btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    
    .login_box_69afc773e15e9_bottom_glow {
        position: absolute;
        bottom: -5rem;
        left: 8rem;
        right: 8rem;
        height: 2.5rem;
        background-color: white;
        filter: blur(40px);
    }
    
    @media (min-width: 40rem) {
        .login_box_69afc773e15e9_container {
            padding: 2.5rem;
        }
    }
    </style>
    
    <div class="login_box_69afc773e15e9_container">
        <div id="login_box_69afc773e15e9_shadow" class="login_box_69afc773e15e9_shadow"></div>
        <div id="login_box_69afc773e15e9_card" class="login_box_69afc773e15e9_card">
            <div class="login_box_69afc773e15e9_tabs">
                <div class="login_box_69afc773e15e9_tab active">Conectare</div>
                <a href="https://isu.ro/inregistrare" class="login_box_69afc773e15e9_tab login_box_69afc773e15e9_tab_link">Înregistrează-te</a>
            </div>
            
            <h2 class="login_box_69afc773e15e9_title" id="login_box_69afc773e15e9_title">Bine ai venit</h2>
            
            <!-- Formular Sign In -->
            <form class="login_box_69afc773e15e9_form" id="login_box_69afc773e15e9_form_signin" method="post" action="https://isu.ro/wp-login.php?redirect_to=https%3A%2F%2Fisu.ro">
                <div class="login_box_69afc773e15e9_input_container">
                    <input type="text" name="log" class="login_box_69afc773e15e9_input" placeholder="Nume utilizator sau email" required />
                    <span class="login_box_69afc773e15e9_input_glow_line"></span>
                    <span class="login_box_69afc773e15e9_input_glow_blur"></span>
                </div>
                
                <div class="login_box_69afc773e15e9_input_container">
                    <input type="password" name="pwd" class="login_box_69afc773e15e9_input" placeholder="Parolă" required />
                    <span class="login_box_69afc773e15e9_input_glow_line"></span>
                    <span class="login_box_69afc773e15e9_input_glow_blur"></span>
                </div>
                
                <input type="hidden" name="redirect_to" value="https://isu.ro" />
                <input type="hidden" name="wp-submit" value="Log In" />
                
                <button type="submit" class="login_box_69afc773e15e9_submit_btn">Conectare</button>
            </form>
            

            
            <div class="login_box_69afc773e15e9_bottom_glow"></div>
        </div>
    </div>
    
    <script>
    document.addEventListener("DOMContentLoaded", function() {
        var shadow = document.getElementById("login_box_69afc773e15e9_shadow");
        var card = document.getElementById("login_box_69afc773e15e9_card");
        
        if (shadow && card) {
            document.body.addEventListener("mousemove", function(e) {
                var clientX = e.clientX;
                var clientY = e.clientY;
                
                if (e.target.closest("#login_box_69afc773e15e9_card")) {
                    shadow.style.setProperty("transform", "translateX(" + (clientX - 60) + "px) translateY(" + (clientY - 60) + "px)");
                    shadow.style.setProperty("opacity", "0.5");
                } else {
                    shadow.style.setProperty("opacity", "0");
                }
            });
        }
    });
    

    </script>
    
    </div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b528149 elementor-section-height-full-login elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="b528149" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ee99c14 elementor-widget elementor-widget-html" data-id="ee99c14" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="ro">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Efect Particule Fundal</title>
    
    <style>
        * {
            box-sizing: border-box;
        }
        
        .particles-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            pointer-events: none;
            z-index: 1;
        }
        
        canvas {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
</head>
<body>
    
    <div class="particles-container">
        <canvas id="particlesCanvas"></canvas>
    </div>

    <script>
        /**
         * Utility function for returning a random integer in a given range
         */
        const randomInRange = (max, min) =>
            Math.floor(Math.random() * (max - min + 1)) + min;

        const BASE_SIZE = 1;
        const VELOCITY = 1.005; // Viteză constantă și lentă
        const RAD = Math.PI / 180;

        /**
         * Class for storing the particle metadata
         */
        class Star {
            constructor(containerWidth, containerHeight) {
                this.containerWidth = containerWidth;
                this.containerHeight = containerHeight;
                this.reset();
            }

            reset = () => {
                const angle = randomInRange(0, 360) * RAD;
                const vX = Math.cos(angle);
                const vY = Math.sin(angle);
                const travelled = Math.random() * Math.max(this.containerWidth, this.containerHeight) * 0.5;
                
                this.alpha = Math.random() * 0.8 + 0.2; // Transparență între 0.2 și 1
                this.active = Math.random() > 0.3; // 70% șanse să fie activă
                this.x = Math.floor(vX * travelled) + this.containerWidth / 2;
                this.vX = vX * 0.5; // Viteză redusă
                this.y = Math.floor(vY * travelled) + this.containerHeight / 2;
                this.vY = vY * 0.5; // Viteză redusă
                this.size = BASE_SIZE;
            };
        }

        const generateStarPool = (size, width, height) => 
            new Array(size).fill().map(() => new Star(width, height));

        class ParticlesBackground {
            constructor() {
                this.canvas = document.getElementById('particlesCanvas');
                this.context = this.canvas.getContext('2d');
                this.stars = [];
                
                this.init();
                this.render();
                
                // Resize handler
                window.addEventListener('resize', () => {
                    clearTimeout(this.resizeTimeout);
                    this.resizeTimeout = setTimeout(() => {
                        this.init();
                    }, 250);
                });
            }

            init = () => {
                // Setează dimensiunile canvas-ului la dimensiunile containerului
                const container = this.canvas.parentElement;
                const rect = container.getBoundingClientRect();
                
                this.canvas.width = rect.width;
                this.canvas.height = rect.height;
                
                // Generează particulele
                this.stars = generateStarPool(150, this.canvas.width, this.canvas.height);
                
                // Setări canvas
                this.context.lineCap = 'round';
            };

            render = () => {
                // Clear canvas
                this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);

                // Adaugă noi particule gradual
                const nonActive = this.stars.filter(s => !s.active);
                if (nonActive.length > 0 && Math.random() > 0.95) {
                    nonActive[0].active = true;
                }

                // Update și desenează particulele active
                for (const star of this.stars.filter(s => s.active)) {
                    // Verifică dacă particula a ieșit din ecran
                    if (star.x < -10 || star.x > this.canvas.width + 10 || 
                        star.y < -10 || star.y > this.canvas.height + 10) {
                        star.reset();
                        continue;
                    }

                    // Calculează noua poziție
                    const newX = star.x + star.vX;
                    const newY = star.y + star.vY;

                    // Update poziție și viteză
                    star.x = newX;
                    star.y = newY;
                    star.vX *= VELOCITY;
                    star.vY *= VELOCITY;

                    // Desenează particula ca o linie scurtă
                    const prevX = star.x - star.vX * 5; // Poziția anterioară pentru efect de urmă
                    const prevY = star.y - star.vY * 5;

                    this.context.strokeStyle = `rgba(255, 255, 255, ${star.alpha})`;
                    this.context.lineWidth = star.size;
                    this.context.beginPath();
                    this.context.moveTo(prevX, prevY);
                    this.context.lineTo(star.x, star.y);
                    this.context.stroke();
                }

                requestAnimationFrame(this.render);
            };
        }

        // Inițializează când documentul este gata
        document.addEventListener('DOMContentLoaded', () => {
            new ParticlesBackground();
        });
    </script>
</body>
</html>				</div>
				</div>
		<div class="elementor-element elementor-element-f2fd0a0 e-con-full your-login-box-class e-transform e-flex elementor-invisible e-con e-child" data-id="f2fd0a0" data-element_type="container" data-e-type="container" data-settings="{&quot;animation&quot;:&quot;fadeInDown&quot;,&quot;animation_delay&quot;:1000,&quot;_transform_scale_effect_hover&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_hover_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}">
				<div class="elementor-element elementor-element-180bed3 elementor-widget elementor-widget-image" data-id="180bed3" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="204" height="204" src="https://isu.ro/wp-content/uploads/2025/03/logo-isu.png" class="attachment-large size-large wp-image-15153" alt="" srcset="https://isu.ro/wp-content/uploads/2025/03/logo-isu.png 204w, https://isu.ro/wp-content/uploads/2025/03/logo-isu-150x150.png 150w" sizes="(max-width: 204px) 100vw, 204px" />															</div>
				</div>
				</div>
				<div class="elementor-element elementor-element-2c80d8d elementor-button-align-center elementor-widget__width-initial (sterge paranteza)login-box elementor-invisible elementor-widget elementor-widget-login" data-id="2c80d8d" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;zoomIn&quot;}" data-widget_type="login.default">
				<div class="elementor-widget-container">
							<form class="elementor-login elementor-form" method="post" action="https://isu.ro/wp-login.php" aria-label="Login form">
			<input type="hidden" name="redirect_to" value="https://isu.ro">
			<div class="elementor-form-fields-wrapper">
				<div class="elementor-field-type-text elementor-field-group elementor-column elementor-col-100 elementor-field-required">
					<label for="user-2c80d8d" class="elementor-field-label">Email</label>
					<input size="1" type="text" name="log" id="user-2c80d8d" placeholder="Adresa de email" class="elementor-field elementor-field-textual elementor-size-md">
				</div>
				<div class="elementor-field-type-text elementor-field-group elementor-column elementor-col-100 elementor-field-required">
					<label for="password-2c80d8d" class="elementor-field-label">Parola</label>
					<input size="1" type="password" name="pwd" id="password-2c80d8d" placeholder="Parola" class="elementor-field elementor-field-textual elementor-size-md">
				</div>

				
				<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100">
					<button type="submit" class="elementor-size-md elementor-animation-grow elementor-button" name="wp-submit">
															<span class="elementor-button-text">Intră în cont</span>
												</button>
				</div>

							</div>
		</form>
						</div>
				</div>
					</div>
				</div>
				</div>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hello-elementor/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript">
        window.galleryAjax = {
            url: "https://isu.ro/wp-admin/admin-ajax.php",
            nonce: "432d577784"
        };
    </script>			<script>
				const lazyloadRunObserver = () => {
					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
						entries.forEach( ( entry ) => {
							if ( entry.isIntersecting ) {
								let lazyloadBackground = entry.target;
								if( lazyloadBackground ) {
									lazyloadBackground.classList.add( 'e-lazyloaded' );
								}
								lazyloadBackgroundObserver.unobserve( entry.target );
							}
						});
					}, { rootMargin: '200px 0px 200px 0px' } );
					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
						lazyloadBackgroundObserver.observe( lazyloadBackground );
					} );
				};
				const events = [
					'DOMContentLoaded',
					'elementor/lazyload/observe',
				];
				events.forEach( ( event ) => {
					document.addEventListener( event, lazyloadRunObserver );
				} );
			</script>
			<style id='core-block-supports-inline-css'>
/**
 * Core styles: block-supports
 */

/*# sourceURL=core-block-supports-inline-css */
</style>
<script id="inregistrare-useri-prestatori-js-js-extra">
var demoRegisterParams = {"ajaxurl":"https://isu.ro/wp-admin/admin-ajax.php","nonce":"222bae113c"};
//# sourceURL=inregistrare-useri-prestatori-js-js-extra
</script>
<script src="https://isu.ro/wp-content/plugins/isu-core/js/inregistrare-useri-prestatori.js?ver=1.0.0" id="inregistrare-useri-prestatori-js-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paginationjs/2.6.0/pagination.min.js?ver=2.6.0" id="pagination-js-js"></script>
<script src="https://isu.ro/wp-content/plugins/isu-core/tabele/js/pagination.js?ver=2.0" id="xsi-pagination-js-js"></script>
<script src="https://unpkg.com/@popperjs/core@2?ver=2.0" id="popper-js-js"></script>
<script id="xsi-tabele-js-js-extra">
var zmtData = {"ajaxurl":"https://isu.ro/wp-admin/admin-ajax.php","nonce":"348456293f"};
//# sourceURL=xsi-tabele-js-js-extra
</script>
<script src="https://isu.ro/wp-content/plugins/isu-core/tabele/js/tabele.js?ver=2.0" id="xsi-tabele-js-js"></script>
<script src="https://isu.ro/wp-content/plugins/isu-core/tabele/js/tabele-actiuni.js?ver=2.0" id="xsi-tabele-actiuni-js-js"></script>
<script src="https://isu.ro/wp-content/plugins/elementor/assets/js/webpack.runtime.js?ver=3.35.6" id="elementor-webpack-runtime-js"></script>
<script src="https://isu.ro/wp-content/plugins/elementor/assets/js/frontend-modules.js?ver=3.35.6" id="elementor-frontend-modules-js"></script>
<script src="https://isu.ro/wp-includes/js/jquery/ui/core.js?ver=1.13.3" id="jquery-ui-core-js"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":true},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.35.6","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"theme_builder_v2":true,"hello-theme-header-footer":true,"nested-elements":true,"home_screen":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"cloud-library":true,"e_opt_in_v4_page":true,"e_components":true,"e_interactions":true,"e_editor_one":true,"import-export-customization":true,"mega-menu":true,"e_pro_variables":true},"urls":{"assets":"https:\/\/isu.ro\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/isu.ro\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/isu.ro\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"a7c8fe6f19"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"body_background_background":"classic","active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_description_src":"description"},"post":{"id":12,"title":"","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script src="https://isu.ro/wp-content/plugins/elementor/assets/js/frontend.js?ver=3.35.6" id="elementor-frontend-js"></script>
<script id="shortcoduri-js-js-extra">
var shortcoduriAjax = {"ajaxurl":"https://isu.ro/wp-admin/admin-ajax.php","nonce":"6a82c0cd0e"};
//# sourceURL=shortcoduri-js-js-extra
</script>
<script src="https://isu.ro/wp-content/plugins/isu-core/flow/js/shortcoduri.js?ver=1771575715" id="shortcoduri-js-js"></script>
<script src="https://isu.ro/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.js?ver=3.35.1" id="elementor-pro-webpack-runtime-js"></script>
<script src="https://isu.ro/wp-includes/js/dist/hooks.js?ver=220ff17f5667d013d468" id="wp-hooks-js"></script>
<script src="https://isu.ro/wp-includes/js/dist/i18n.js?ver=6b3ae5bd3b8d9598492d" id="wp-i18n-js"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="elementor-pro-frontend-js-before">
var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/isu.ro\/wp-admin\/admin-ajax.php","nonce":"c6b64d73fc","urls":{"assets":"https:\/\/isu.ro\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/isu.ro\/wp-json\/"},"settings":{"lazy_load_background_images":true},"popup":{"hasPopUps":false},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/isu.ro\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}};
//# sourceURL=elementor-pro-frontend-js-before
</script>
<script src="https://isu.ro/wp-content/plugins/elementor-pro/assets/js/frontend.js?ver=3.35.1" id="elementor-pro-frontend-js"></script>
<script src="https://isu.ro/wp-content/plugins/elementor-pro/assets/js/elements-handlers.js?ver=3.35.1" id="pro-elements-handlers-js"></script>
<script src="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.js"></script>


<script src="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/js/pagedone.js"></script>



    <script id="particles-background-js">
        (function() {
            'use strict';
            
            if (window.particlesBackgroundInstance) {
                return;
            }
            
            function initParticlesBackground() {
                const randomInRange = (max, min) =>
                    Math.floor(Math.random() * (max - min + 1)) + min;

                const ACTIVE_PROBABILITY = 0;
                const BASE_SIZE = 1;
                const VELOCITY_INC = 1.003;
                const SIZE_INC = 1.005;
                const RAD = Math.PI / 180;

                /**
                 * Class for storing the particle metadata - exact ca în codul original
                 */
                class Star {
                    STATE = {
                        alpha: Math.random(),
                        angle: randomInRange(0, 360) * RAD,
                    };

                    reset = () => {
                        const angle = randomInRange(0, 360) * (Math.PI / 180);
                        const vX = Math.cos(angle);
                        const vY = Math.sin(angle);
                        const travelled =
                            Math.random() > 0.5
                                ? Math.random() * Math.max(window.innerWidth, window.innerHeight) + (Math.random() * (window.innerWidth * 0.24))
                                : Math.random() * (window.innerWidth * 0.25);
                        this.STATE = {
                            ...this.STATE,
                            iX: undefined,
                            iY: undefined,
                            active: travelled ? true : false,
                            x: Math.floor(vX * travelled) + window.innerWidth / 2,
                            vX,
                            y: Math.floor(vY * travelled) + window.innerHeight / 2,
                            vY,
                            size: BASE_SIZE,
                        };
                    };

                    constructor() {
                        this.reset();
                    }
                }

                const generateStarPool = size => new Array(size).fill().map(() => new Star());

                class JumpToHyperspace {
                    STATE = {
                        stars: generateStarPool(150),
                        bgAlpha: 0,
                        sizeInc: SIZE_INC,
                        velocity: VELOCITY_INC
                    };

                    constructor() {
                        this.createContainer();
                        this.canvas = document.getElementById('particles-bg-canvas');
                        this.context = this.canvas.getContext('2d');
                        this.setup();
                        this.render();
                        
                        window.addEventListener('resize', () => {
                            clearTimeout(this.resizeTimeout);
                            this.resizeTimeout = setTimeout(() => {
                                this.reset();
                            }, 250);
                        });
                    }
                    
                    createContainer() {
                        if (document.querySelector('.particles-background-overlay')) {
                            return;
                        }
                        
                        const container = document.createElement('div');
                        container.className = 'particles-background-overlay';
                        container.innerHTML = '<canvas id="particles-bg-canvas"></canvas>';
                        document.body.insertBefore(container, document.body.firstChild);
                    }

                    render = () => {
                        const {
                            STATE: {
                                bgAlpha,
                                velocity,
                                sizeInc,
                                initiating,
                                jumping,
                                stars,
                            },
                            context,
                            render
                        } = this;

                        // Clear the canvas
                        context.clearRect(0, 0, window.innerWidth, window.innerHeight);
                        
                        if (bgAlpha > 0) {
                            context.fillStyle = `rgba(31, 58, 157, ${bgAlpha})`;
                            context.fillRect(0, 0, window.innerWidth, window.innerHeight);
                        }

                        // 1. Shall we add a new star
                        const nonActive = stars.filter(s => !s.STATE.active);
                        if (!initiating && nonActive.length > 0) {
                            nonActive[0].STATE.active = true;
                        }

                        // 2. Update the stars and draw them.
                        for (const star of stars.filter(s => s.STATE.active)) {
                            const { active, x, y, iX, iY, iVX, iVY, size, vX, vY } = star.STATE;
                            
                            // Check if the star needs deactivating
                            if (
                                ((iX || x) < 0 ||
                                    (iX || x) > window.innerWidth ||
                                    (iY || y) < 0 ||
                                    (iY || y) > window.innerHeight) &&
                                active &&
                                !initiating
                            ) {
                                star.reset(true);
                            } else if (active) {
                                const newIX = initiating ? iX : iX + iVX;
                                const newIY = initiating ? iY : iY + iVY;
                                const newX = x + vX;
                                const newY = y + vY;
                                
                                const caught =
                                    (vX < 0 && newIX < x) ||
                                    (vX > 0 && newIX > x) ||
                                    (vY < 0 && newIY < y) ||
                                    (vY > 0 && newIY > y);

                                star.STATE = {
                                    ...star.STATE,
                                    iX: caught ? undefined : newIX,
                                    iY: caught ? undefined : newIY,
                                    iVX: caught ? undefined : iVX,
                                    iVY: caught ? undefined : iVY,
                                    x: newX,
                                    vX: star.STATE.vX * velocity,
                                    y: newY,
                                    vY: star.STATE.vY * velocity,
                                    size: initiating ? size : size * (iX || iY ? SIZE_INC : sizeInc),
                                };

                                let color = `rgba(255, 255, 255, ${star.STATE.alpha})`;

                                context.strokeStyle = color;
                                context.lineWidth = size;
                                context.beginPath();
                                context.moveTo(star.STATE.iX || x, star.STATE.iY || y);
                                context.lineTo(star.STATE.x, star.STATE.y);
                                context.stroke();
                            }
                        }
                        requestAnimationFrame(render);
                    };

                    setup = () => {
                        this.context.lineCap = 'round';
                        this.canvas.height = window.innerHeight;
                        this.canvas.width = window.innerWidth;
                    };

                    reset = () => {
                        this.STATE = {
                            ...this.STATE,
                            stars: generateStarPool(300)
                        };
                        this.setup();
                    };
                }

                window.particlesBackgroundInstance = new JumpToHyperspace();
            }
            
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', initParticlesBackground);
            } else {
                initParticlesBackground();
            }
        })();
    </script>
    	</body>
</html>
