.elementor-1017571 .elementor-element.elementor-element-71f5da0d{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:0.46;--padding-top:8%;--padding-bottom:8%;--padding-left:5%;--padding-right:5%;}.elementor-1017571 .elementor-element.elementor-element-71f5da0d:not(.elementor-motion-effects-element-type-background), .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B252F;background-image:url("https://takshashilauniv.ac.in/wp-content/uploads/2026/03/TU_ApplyHome.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1017571 .elementor-element.elementor-element-71f5da0d::before, .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .elementor-background-video-container::before, .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .e-con-inner > .elementor-background-video-container::before, .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .elementor-background-slideshow::before, .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .e-con-inner > .elementor-background-slideshow::before, .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(66deg, var( --e-global-color-a19755f ) 45%, var( --e-global-color-secondary ) 79%);}.elementor-1017571 .elementor-element.elementor-element-2c686a0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1017571 .elementor-element.elementor-element-231f88a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1017571 .elementor-element.elementor-element-231f88a.e-con{--align-self:flex-end;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1017571 .elementor-element.elementor-element-4938a13{text-align:center;}.elementor-1017571 .elementor-element.elementor-element-4938a13 .elementor-heading-title{font-weight:600;color:var( --e-global-color-secondary );}.elementor-1017571 .elementor-element.elementor-element-d550b5e{text-align:center;}.elementor-1017571 .elementor-element.elementor-element-d550b5e .elementor-heading-title{font-weight:600;color:var( --e-global-color-secondary );}.elementor-1017571 .elementor-element.elementor-element-0bf66d8{text-align:center;}.elementor-1017571 .elementor-element.elementor-element-0bf66d8 .elementor-heading-title{font-weight:400;color:var( --e-global-color-secondary );}.elementor-1017571 .elementor-element.elementor-element-01ad1ca{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-65px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1017571 .elementor-element.elementor-element-01ad1ca.e-con{--align-self:center;}.elementor-1017571 .elementor-element.elementor-element-77d8915.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:1025px){.elementor-1017571 .elementor-element.elementor-element-71f5da0d:not(.elementor-motion-effects-element-type-background), .elementor-1017571 .elementor-element.elementor-element-71f5da0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-1017571 .elementor-element.elementor-element-71f5da0d{--padding-top:15%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}}@media(max-width:767px){.elementor-1017571 .elementor-element.elementor-element-71f5da0d{--padding-top:25%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-1017571 .elementor-element.elementor-element-01ad1ca{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1017571 .elementor-element.elementor-element-01ad1ca.e-con{--order:-99999 /* order start hack */;}}/* Start custom CSS for html, class: .elementor-element-77d8915 */.login-section {
            min-height: calc(100vh - 90px);
            display: flex;
            align-items: center;
            padding: 40px 20px;
            position: relative;
            background-image: url('https://apply.takshashilauniv.ac.in/logos/TU_Banner_home.webp');
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }

        .login-section::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(
                135deg,
                rgba(18, 40, 128, 0.72) 0%,
                rgba(0, 0, 0, 0.50) 50%,
                rgba(240, 93, 45, 0.40) 100%
            );
            z-index: 0;
        }

        .login-section > * {
            position: relative;
            z-index: 1;
        }
        
        .login-container {
            background: rgba(255, 255, 255, 0.97);
            padding: 40px;
            border-radius: 14px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.40);
            width: 100%;
            max-width: 420px;
            margin: 0 auto;
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.4);
        }
        
        .login-container h2 {
            text-align: center;
            color: #2A306C;
            margin-bottom: 10px;
            font-size: 28px;
            font-weight: 700;
        }

        .login-subtitle {
            text-align: center;
            color: #F05D2D;
            margin-bottom: 30px;
            font-size: 14px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        label {
            display: block;
            margin-bottom: 8px;
            color: #2A306C;
            font-weight: 600;
            font-size: 14px;
        }
        
        input[type="text"],
        input[type="password"] {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            font-size: 14px;
            transition: all 0.3s;
        }
        
        input[type="text"]:focus,
        input[type="password"]:focus {
            outline: none;
            border-color: #F05D2D;
            box-shadow: 0 0 8px rgba(240, 93, 45, 0.2);
        }
        
        .error {
            background-color: #fee;
            color: #c33;
            padding: 12px;
            border-radius: 5px;
            margin-bottom: 20px;
            display: <?php echo $error ? 'block' : 'none'; ?>;
            border-left: 4px solid #c33;
        }
        
        button {
            width: 100%;
            padding: 12px;
            background: linear-gradient(135deg, #F05D2D 0%, #f07a4d 100%);
            color: white;
            border: none;
            border-radius: 5px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        button:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 20px rgba(240, 93, 45, 0.4);
        }
        
        button:active {
            transform: translateY(0);
        }
        
        .forgot-password {
            text-align: center;
            margin-top: 20px;
        }
        
        .forgot-password a {
            color: #F05D2D;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
        }
        
        .forgot-password a:hover {
            text-decoration: underline;
        }

        .signup-link {
            text-align: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #eee;
            font-size: 14px;
            color: #666;
        }

        .signup-link a {
            color: #F05D2D;
            text-decoration: none;
            font-weight: 600;
        }

        .signup-link a:hover {
            text-decoration: underline;
        }
        @media (max-width: 767px) {
            .login-section {
                background-attachment: scroll;
                padding: 24px 12px;
                min-height: 100vh;
            }
            .login-container {
                padding: 28px 20px;
            }
        }

        @media (max-width: 480px) {
            .login-container {
                padding: 22px 16px;
                border-radius: 10px;
            }
            input[type="text"],
            input[type="password"] {
                font-size: 16px; /* prevent iOS zoom */
            }
        }/* End custom CSS */