/*============================================

    Practice Log CSS

==============================================*/
select:not([multiple=multiple]){
	    background-image: none !important;
		padding-right: 14.4px !important;
}

	.ers-grid {
		display: grid;
		grid-template-columns:30% 1fr;
		gap: 32px;
		align-items: start;
	}
	
	@media(max-width:980px){
		.ers-grid{
			grid-template-columns:1fr;
		}
	}
	
	.ers-card{
		display:flex;
		flex-direction:column;
		gap:10px;

		background:#ffffff12;
		border-radius:22px;

		padding:28px;

		border:1px solid #ffffff26;

		box-shadow:
		0 10px 35px rgba(0,0,0,.05);
	}
	.ers-card h3{
		display:flex;
		flex-direction: row;
		gap:8px;
		font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
		font-size: var(--e-global-typography-23e90c5-font-size);
		font-weight: var(--e-global-typography-23e90c5-font-weight);
		line-height: var(--e-global-typography-23e90c5-line-height);
		color: var(--e-global-color-076638d);
	}

	.ers-buttons {
		display: grid;
		grid-template-columns: repeat(5,1fr);
		gap: .5rem;
		margin-top: 0.5em;
	}

	.ers-buttons button {
		min-height: 54px;
		border-radius: 16px;
		border: 1px solid #ffffff26;
		background: #ffffff12;
		color: #fff;
		font-weight: 500;
		font-size: 1.15rem;
		font-family: 'inter';
	}

	.ers-buttons button.active,
	.ers-buttons button:hover,
	.ers-buttons button:focus-visible {
		background: linear-gradient(
			135deg,
			#23c7ff,
			#7cff6b
		);
		color: #fff;
		border-color: transparent;
	}

	.ers-output {
		margin-top: 1rem;
		padding: 1rem;
		border-radius: 16px;
		background: rgba(0,0,0,.2);
		border: 1px solid rgba(255,255,255,.1);

	}

	.ers-output strong{
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
	}
	.ers-output p {
		margin: .35rem 0 0;
		color: var(--e-global-color-bb9b2cc) !important;
		line-height: 1.4em;
    	font-size: 16px;
		font-family: 'inter';
	}

	.form-grid {
		display: grid;
		grid-template-columns: repeat(4,1fr);
		gap: .8rem;
	}

	.log-form {
		background:#ffffff12;
		border-radius:22px;
		padding:28px;
		border:1px solid #ffffff26;
		box-shadow: 0 10px 35px rgba(0,0,0,.05);
	}

	.log-form label {
		display: grid;
		font-size: 16px;
		font-weight: 500;
		gap: 0.4rem;
		color: #fff;
		font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
		margin: 0px 0px 20px 0px;
	}

	.log-form input,
	.log-form select,
	.log-form textarea {
		width: 100%;
		border: 1px solid rgba(255, 255, 255, .18) !important;
		border-radius: 14px;
		background: rgba(2, 4, 10, .74) !important;
		color: #fff !important;
		padding: .82rem .9rem;
		outline: none;
	}
	.log-form select.skill{
		line-height: 1em;
		background: rgba(2, 4, 10, .74);
	}

	.log-form textarea {
		resize: vertical;
	}

	.log-form input:focus,
	.log-form select:focus,
	.log-form textarea:focus {
		border-color: #23c7ff;
		background: rgba(2, 4, 10, .74);
		border: 1px solid rgba(255, 255, 255, .18);
	}

	.log-form input::placeholder,
	.log-form select::placeholder,
	.log-form textarea::placeholder{
		color: #697584 !important;
	}
	
	.log-form .button-primary-log{
		background-color: transparent;
		background-image: linear-gradient(270deg, var(--e-global-color-accent) 0%, var(--e-global-color-bd82ade) 100%) !important;
		padding: 10px 24px !important;
		color:#1e1e1e;
		appearance:none;
		border:none;
		cursor:pointer;
		transition:.25s;
		border-radius:50px;
		font-size:16px;
		font-weight:600;
	}

	.log-form .button-primary-log:hover{
		background:#423443;
	}
	
	.log-list-card {
		margin-top: 1rem;
		border: 1px solid #ffffff26;
		border-radius: 22px;
		background: #ffffff12;
		box-shadow: 0 10px 35px rgba(0,0,0,.05);
		padding: 28px;
	}
	.log-list-card h3{
		font-family: var(--e-global-typography-988d113-font-family), Sans-serif;
		font-size: var(--e-global-typography-988d113-font-size);
		font-weight: var(--e-global-typography-988d113-font-weight);
		text-transform: var(--e-global-typography-988d113-text-transform);
		line-height: var(--e-global-typography-988d113-line-height);
		color: var(--e-global-color-076638d);
	}

	.practice-log-card, .practice-log-empty {
		border: 1px solid #ffffff1f;
		border-radius: 16px;
		padding: 1rem;
		margin: .7rem 0;
		background: #ffffff0b;
	}

	.practice-log-header {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		align-content: center;
	}
	.practice-log-header h4, .practice-log-empty h4{
		font-size: 16px;
		font-weight: 500;
		color: #fff;
		font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
		color: var(--e-global-color-6f8f39b);
		margin-bottom: 10px;
	}
	.practice-log-header small{
		color: var(--e-global-color-bb9b2cc);
		font-family: 'inter';
		font-size: 14px;
		font-weight: 300;
	}
	.practice-log-section p, .practice-log-empty p{
		margin: 14px 0px;
		color: #fff;
		font-family: 'inter';
		font-size: 14px;
		font-weight: 400px;
	}
	.practice-log-empty p{
		color: var(--e-global-color-bb9b2cc);
	}

	.practice-log-delete {
		font-family: 'inter', Sans-serif;
		font-size: 14px;
		font-weight: 500;
		text-transform: var(--e-global-typography-988d113-text-transform);
		color: var(--e-global-color-076638d);
		border: 1px solid #ff7a1a8c;
		background: #ff7a1a24;
		border-radius: 99px;
		padding: 14px 20px;
	}
	.practice-log-delete:hover {
		color: #fff !important;
		border: 1px solid #FFFFFF26 !important;
		background: #FFFFFF0A !important;
	}

	.log-status {
		color: var(--e-global-color-6f8f39b);
	}

	/* ==========================================
	   Highlight Effect
	========================================== */

	.log-highlight {

		animation: logHighlight 1.5s ease;

	}
	
	
.cncbt-popup-overlay{
    position:fixed;
    inset:0;
    display:none;
    justify-content:center;
    align-items:center;
    background:rgba(0,0,0,.6);
	backdrop-filter: blur(12px);
  	-webkit-backdrop-filter: blur(12px);
    z-index:99999;
}

.cncbt-popup-overlay.active{
    display:flex;
}

.cncbt-popup{
    width:420px;
    max-width:90%;
    background:#0b0b0b !important;
	border: 1px solid #161616 !important;
    border-radius:22px;
    padding:30px;
    text-align:center;
}

.cncbt-popup-buttons{
    display:flex;
    gap:10px;
    justify-content:center;
    margin-top:20px;
}
	.cncbt-popup h3{
		font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
		font-size: var(--e-global-typography-23e90c5-font-size);
		font-weight: var(--e-global-typography-23e90c5-font-weight);
		line-height: var(--e-global-typography-23e90c5-line-height);
		color: var(--e-global-color-076638d) !important;
	}
	.cncbt-popup p{
		color: var(--e-global-color-bb9b2cc) !important;
		font-family: 'inter';
		font-size: 14px;
		font-weight: 400px;
	}
	.cncbt-popup-buttons #cncbt-login-btn{
		background-color: var(--e-global-color-bd82ade) !important;
		padding: 10px 24px !important;
		color:#fff !important;
		appearance:none;
		border:none;
		cursor:pointer;
		transition:.25s;
		border-radius:50px;
		font-size:16px;
		font-weight:600;
	}

	.cncbt-popup-buttons #cncbt-login-btn:hover{
		background-color:#423443 !important;
	}
	.cncbt-popup-buttons #cncbt-close-popup{
		background-color: #2a2a2a !important;
		padding: 10px 24px !important;
		color:#fff !important;
		appearance:none;
		border:none;
		cursor:pointer;
		transition:.25s;
		border-radius:50px;
		font-size:16px;
		font-weight:600;
	}

	@keyframes logHighlight {
		0% {
			box-shadow: 0 0 0 0 rgba(35,199,255,.6);
		}
		100% {
			box-shadow: 0 0 0 18px rgba(35,199,255,0);
		}
	}

	/* ==========================================
	   Responsive
	========================================== */

	@media (max-width:1040px){

		.ers-grid{

			grid-template-columns:1fr;

		}

		.form-grid{

			grid-template-columns:repeat(2,1fr);

		}

	}

	@media (max-width:680px){

		.form-grid{

			grid-template-columns:1fr;

		}

		.ers-buttons{

			grid-template-columns:repeat(5,minmax(42px,1fr));

		}

	}
	
	
	
	
	
	
	
	
	
	
	/* ===========================================
	
           8 Min Trainer CSS
           
    =========================================== */
        
        .trainer-grid{
            display:grid;
            grid-template-columns:30% 1fr;
            gap:32px;
        /*     align-items:start; */
        /*     margin:40px 0; */
        }
        
        @media(max-width:980px){
        
            .trainer-grid{
                grid-template-columns:1fr;
            }
        
        }
        
        /* ===========================================
           CONTROLS PANEL
        =========================================== */
        
        .trainer-controls{
            display:flex;
            flex-direction:column;
            gap:10px;
        
            background:#ffffff12;
            border-radius:22px;
        
            padding:28px;
        
            border:1px solid #ffffff26;
        
            box-shadow:
            0 10px 35px rgba(0,0,0,.05);
        }
        
        .trainer-controls label{
            display:flex;
            flex-direction: row;
            gap:8px;
            font-family: var(--e-global-typography-23e90c5-font-family), Sans-serif;
            font-size: var(--e-global-typography-23e90c5-font-size);
            font-weight: var(--e-global-typography-23e90c5-font-weight);
            line-height: var(--e-global-typography-23e90c5-line-height);
        	color: var(--e-global-color-076638d);
        }
        
        .trainer-controls select{
        	margin: 5px 0px 10px 0px !important;
        	width: 100%;
            border: 1px solid rgba(255, 255, 255, .18) !important;
            border-radius: 16px !important;
            background: rgba(2, 4, 10, .74) !important;
            color: var(--e-global-color-076638d) !important;
            padding: .82rem .9rem;
            outline: none !important;
            transition:.25s;
        }
        .trainer-controls select:disabled {
            background: #02040abd !important;
            cursor: not-allowed;
        }
        .trainer-controls select:focus{
            outline:none;
        	background: rgba(2, 4, 10, .74) !important;
        	border: 1px solid rgba(255, 255, 255, .18) !important;
        }
        
        /* ===========================================
           OPTIONS
        =========================================== */
        
        .trainer-options{
            display:flex;
            flex-direction:column;
            gap:14px;
        	background: #00000029 !important;
        	border: 1px solid #ffffff26 !important;
        	padding: 20px;
        	border-radius: 16px !important;
        	color: var(--e-global-color-bb9b2cc) !important;
        }
        
        .check-option{
            display:flex;
            align-items:flex-start;
            gap:12px;
            cursor:pointer;
            font-size:16px;
            line-height:1.5;
        	color: var(--e-global-color-bb9b2cc) !important;
        }
        
        .check-option input{
        
            margin-top:4px;
        
        }
        .inline-action {
        	font-size: 16px;
            color: var(--e-global-color-bd82ade) !important;
        	margin-left:12%;
            text-decoration: underline;
            text-underline-offset: 4px;
            font-weight: 600;
        }
        .safety-confirmation{
            display:flex;
            flex-direction:column;
            gap:16px;
        	font-size: 16px;
        	background: #00000029;
        	border: 1px solid #ffffff26;
        	padding: 20px;
        	border-radius: 16px;
        	margin: 10px 0px 10px 0px;
        }
        
        .safety-check{
            font-weight:400;
        }
        
        /* ===========================================
           BUTTONS
        =========================================== */
        
        .control-row{
            display:flex;
            gap:12px;
            flex-wrap:wrap;
        }
        
        .button{
            appearance:none;
            border:none;
            cursor:pointer;
            transition:.25s;
            border-radius:50px !important;
            padding:10px 24px;
            font-size:16px;
            font-weight:600;
			font-family: 'inter';
        }
        
        .button:disabled{
            opacity:.45;
            cursor:not-allowed;
        }
        
        .button-primary-start{
            background-color: transparent;
            background-image: linear-gradient(270deg, var(--e-global-color-accent) 0%, var(--e-global-color-bd82ade) 100%) !important;
        	padding: 10px 24px !important;
            color:#1e1e1e;
			appearance:none;
            border:none;
            cursor:pointer;
            transition:.25s;
            border-radius:50px !important;
            padding:10px 24px;
            font-size:16px;
            font-weight:600;
			font-family: 'inter';
        }
        
        .button-primary-start:hover{
            background:#423443 !important;
        }
        
        .button-secondary{
            background:#23C7FF1F !important;
        	border: 1px solid #23C7FF6B !important;
            color:#fff !important;
        
        }
        
        .button-secondary:hover{
            background:#FFFFFF0A;
        	border: 1px solid #FFFFFF26 !important;
        }
        
        .button-ghost{
        	background:#FFFFFF0A !important;
        	border: 1px solid #FFFFFF26 !important;
            color:#fff !important;
        }
        
        .button-ghost:hover{
            background:#FFFFFF18 !important;
        }
        	 
        	 .button-soft{
        		 margin-top: 10px;
        		 padding: 16px 24px !important;
        		 background:#7CFF6B14 !important;
        		 border: 1px solid #7CFF6B66 !important;
        		 color:#fff !important;
        	 }
        	 
        	 .button-soft:hover{
        		 background:#FFFFFF0A !important;
        		 border: 1px solid #FFFFFF26 !important;
        		 color:#fff !important;
        	 }
        /* ===========================================
           TIMER CARD
        =========================================== */
        
        .timer-card{
            background:#ffffff12;
            border:1px solid #ffffff26;
            border-radius:22px;
            padding:36px;
            box-shadow:0 10px 35px rgba(0,0,0,.05);
            display:flex;
            flex-direction:column;
            gap:24px;
        }
		.timer-card-center{
			align-content: center;
    		align-items: center;
		}
        
        .phase-badge{
            background:#23C7FF1F;
        	border: 1px solid #23C7FF6B !important;
            color: var(--e-global-color-609a516);
            padding:16px 24px;
            border-radius:100px;
            font-size:16px;
            font-weight:500;
        	width: fit-content;
        }
        
        .timer-display{
            text-align:left;
            font-size:72px;
            font-weight:900;
            line-height:1;
            color:#fff;
            letter-spacing:-2px;
        }
        
        /* ===========================================
           PROGRESS BAR
        =========================================== */
        
        .progress-track{
            position:relative;
            width:100%;
            height:12px;
            overflow:hidden;
            border-radius:999px;
            background:#edf2f7;
        }
        
        .progress-track span{
            position:absolute;
            left:0;
            top:0;
            width:0%;
            height:100%;
            border-radius:999px;
            background: linear-gradient(90deg, #ff7a1a, #23c7ff, #7cff6b);
            transition:width .35s linear;
        }
        
        /* ===========================================
           PHASE TRACK
        =========================================== */
        
        .phase-track{
            display:flex;
            justify-content:space-between;
            gap:12px;
            flex-wrap:wrap;
        }
        
        .phase-track span{
            flex:1;
            text-align:center;
            padding:16px 24px;
            border-radius:99px;
            font-size:16px;
            font-weight:600;
            background:#FFFFFF0A;
        	border: 1px solid #FFFFFF26 !important;
        	color: var(--e-global-color-bb9b2cc) !important;
            transition:.25s;
        }
        
        .phase-track span.active{
            color: #1e1e1e !important;
            background: var(--e-global-color-609a516);
        }
        	 .phase-track span.complete{
            color: #1e1e1e !important;
            background: var(--e-global-color-6f8f39b);
        }
        
        /* ===========================================
           INSTRUCTION
        =========================================== */
        
        .timer-instruction{
            margin:0;
            font-size:18px;
            font-weight:400;
            line-height:1.6;
            color:#fff;
        }
        .timer-card-center .timer-instruction{
            margin:0;
            font-size:18px;
            font-weight:400;
            line-height:1.6;
            color:#fff;
			text-align: center;
        }
        /* ===========================================
           SCRIPT BOX
        =========================================== */
        
        .script-box{
            background:#0000002e;
            border:1px solid #ffffff1f;
            border-radius:16px;
            padding:20px;
        }
        
        .script-box h3{
            margin:0 0 12px;
            font-size:22px;
            color:var(--e-global-color-6f8f39b);
        }
        
        .script-box p{
            margin:0;
            font-size:16px;
            line-height:1.8;
            color:var(--e-global-color-bb9b2cc) !important;
        }
        /* ===========================================
           STATUS
        =========================================== */
        
        .timer-status{
            font-size:16px;
            line-height:1.7;
            color:var(--e-global-color-bb9b2cc) !important;
        	margin: 0px;
        }
        
        /* ===========================================
           COMPLETION CARD
        =========================================== */
        
        .completion-card{
        
            display:flex;
            flex-direction:column;
            gap:18px;
            padding:28px;
            border-radius:16px;
            background:rgb(124 255 107 / 8%);
            border:1px solid rgb(124 255 107 / 36%);
            animation:fadeUp .35s ease;
        }
        
        .completion-card strong{
            font-size:22px;
            color:var(--e-global-color-6f8f39b);
        }
        
        .completion-card p{
            margin:0;
            line-height:1.7;
            color:var(--e-global-color-bb9b2cc) !important;
        }
        
        /* ===========================================
           FORM ELEMENTS
        =========================================== */
        
        .trainer-controls input[type="checkbox"]{
        
            width:18px;
            height:18px;
        
            accent-color:var(--e-global-color-609a516);
        
            cursor:pointer;
        
            flex-shrink:0;
        }
        
        .trainer-controls button{
        
            min-height:48px;
        }
        
        /* ===========================================
           SELECTS
        =========================================== */
        
        .trainer-controls select:hover{
        
            border-color:#3b82f6;
        
        }
        
        .trainer-controls select:disabled{
        
            background:#f3f4f6;
        
            cursor:not-allowed;
        
        }
        
        /* ===========================================
           BUTTON EFFECTS
        =========================================== */
        
        .button{
        
            transition:
            background .25s,
            color .25s,
            border-color .25s,
            transform .2s,
            box-shadow .25s;
        
        }
        
        .button:not(:disabled):hover{
        
            transform:translateY(-2px);
        
            box-shadow:
            0 10px 22px rgba(0,0,0,.12);
        
        }
        
        .button:not(:disabled):active{
        
            transform:translateY(0);
        
        }
        
        /* ===========================================
           CARD ANIMATION
        =========================================== */
        
        .timer-card{
        
            animation:fadeUp .45s ease;
        
        }
        
        /* ===========================================
           MOBILE
        =========================================== */
        
        @media(max-width:768px){
        
            .trainer-controls{
        
                padding:22px;
        
            }
        
            .timer-card{
        
                padding:24px;
        
            }
        
            .timer-display{
        
                font-size:56px;
        
            }
        
            .phase-track{
        
                flex-direction:column;
        
            }
        
            .phase-track span{
        
                width:100%;
        
            }
        
            .control-row{
        
                flex-direction:column;
        
            }
        
            .button{
        
                width:100%;
        
            }
        
        }
        
        /* ===========================================
           SMALL MOBILE
        =========================================== */
        
        @media(max-width:480px){
        
            .timer-display{
        
                font-size:46px;
        
            }
        
            .script-box{
        
                padding:18px;
        
            }
        
            .script-box h3{
        
                font-size:18px;
        
            }
        
            .script-box p{
        
                font-size:15px;
        
            }
        
        }
        
        /* ===========================================
           ANIMATIONS
        =========================================== */
        
        @keyframes fadeUp{
        
            from{
        
                opacity:0;
        
                transform:translateY(20px);
        
            }
        
            to{
        
                opacity:1;
        
                transform:translateY(0);
        
            }
        
        }
        
        /* ===========================================
           HIDDEN
        =========================================== */
        
        [hidden]{
        
            display:none !important;
        
        }


	/* ===========================================
	
           CNCBT Page Timer
           
    =========================================== */

	.timer-copy{
		display:flex;
		flex-direction:column;
		gap:16px;
	}

	.timer-copy p{
		margin:0;
	}
	.button-wrapp{
		width: fit-content !important;
		padding: 14px 24px !important;
		border-radius: 99px !important;
		font-family: 'inter' !important;
		font-size: 16px;
	}


	.eyebrow{
		font-family: var(--e-global-typography-1c27306-font-family), Sans-serif !important;
		font-size: var(--e-global-typography-1c27306-font-size) !important;
		font-weight: var(--e-global-typography-1c27306-font-weight) !important;
		text-transform: var(--e-global-typography-1c27306-text-transform) !important;
		color: var(--e-global-color-accent) !important;
	}
	.timer-copy p.timer-cncbt-des, .skill-select-label{
		font-family: var(--e-global-typography-90aaf62-font-family), Sans-serif !important;
		font-size: var(--e-global-typography-90aaf62-font-size) !important;
		font-weight: var(--e-global-typography-90aaf62-font-weight) !important;
		line-height: var(--e-global-typography-90aaf62-line-height) !important;
		color: var(--e-global-color-bb9b2cc) !important;
		margin: 0;
	}
	#timer-title{
		font-family: var(--e-global-typography-f79fb3e-font-family), Sans-serif !important;
		font-size: var(--e-global-typography-f79fb3e-font-size) !important;
		font-weight: var(--e-global-typography-f79fb3e-font-weight) !important;
		text-transform: var(--e-global-typography-f79fb3e-text-transform) !important;
		line-height: var(--e-global-typography-f79fb3e-line-height) !important;
		color: var(--e-global-color-076638d) !important;
	}

	.full-app-link{
		width:fit-content;
	}

	.skill-select{
		width:100%;
		max-width:360px;
		padding:14px 18px !important;
		border-radius:16px !important;
		border:1px solid #ffffff26 !important;
		background:#172031 !important;
		color:#fff !important;
	}

	.timer-card{
		display:flex;
		flex-direction:column;
		gap:24px;
		padding:36px;
		border-radius:22px;
		background:#ffffff12 !important;
		border:1px solid #ffffff26 !important;
	}

	.timer-phase{
		display:inline-block;
		width:fit-content;
		padding:10px 18px;
		border-radius:100px;
		background:#23C7FF22 !important;
		border:1px solid #23C7FF66 !important;
		color:#7fdcff !important;
		font-weight:600;
	}

	.timer-display{
		font-size:72px;
		font-weight:900;
		color:#fff !important;
		line-height:1;
	}

	.progress-shell{
		width:100%;
		height:12px;
		background:#ffffff18 !important;
		border-radius:999px;
		overflow:hidden;
	}

	.progress-fill{
		width:0%;
		height:100%;
		background:linear-gradient(90deg,#ff7a1a,#23c7ff,#7cff6b) !important;
		transition:.3s;
	}

	.timer-instruction{
		font-size:17px;
		line-height:1.6;
		color:#d5dbe5 !important;
	}

	.timer-controls{
		display:flex;
		gap:12px;
		flex-wrap:wrap;
	}

	.timer-controls .button{
		flex:1;
		min-width:120px;
	}
	@media(max-width:980px){

		.timer-display{
			font-size:56px;
		}

		.timer-controls{
			flex-direction:row;
		}

		.timer-controls .button{
			width:100%;
		}

		.skill-select{
			max-width:100%;
		}

	}










	/* ===========================================
	
           Home Timer Card
           
    =========================================== */
	.timer {
          width: 100% !important;
  background: white !important;
  border-radius: 8px;
  padding: clamp(22px, 4vw, 36px);
  box-shadow: 0 24px 70px rgba(15,23,42,.13) !important;
}
.button-of-home{
    border: 1px solid #00000026 !important;
    background: #00000009 !important;
    transition:.25s;
}
.button-wrapp{
    transition:.25s;
}
.button-wrapp:hover, .button-primary-start:hover{
    transform: translateY(-5px) !important;
}
.button-primary-start:hover{
    color: #fff !important;
}
.timer-face {
  aspect-ratio: 1;
  border-radius: 50%;
  display: grid;
  place-content: center;
  text-align: center;
  border: 12px solid #f0f3f8 !important;
  box-shadow: inset 0 0 0 2px rgba(255,139,40,.28) !important;
}
.timer-face span { color: #475569 !important; font-weight: 500; padding: 0 22px; font-family: 'inter'; }
.timer-face strong { font-size: clamp(3rem, 8vw, 5.2rem); line-height: 1; color: #111827 !important; margin-top: 10px; }
.timer-controls { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 22px; justify-content: center; }
.phase-list {
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.phase-list li {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 0;
  border-top: 1px solid #e5eaf2 !important;
  color: #475569 !important;
  font-family: 'inter';
  font-size: 16px;
}
.phase-list span { color: #111827 !important; font-weight: 700; }










/* ================================================================

	Consaltation Page Readiness CSS

=================================================================== */

#readiness_checklist{
	background: linear-gradient(180deg, rgba(15, 30, 64, 0.86), rgba(9, 17, 36, 0.76));
       
   }
.aur-readiness .progress-label{
    margin-bottom:8px;
    font-weight:700;
    color:#B9C7E6;
}

.aur-readiness .progress-bar{

    height:12px;

    border-radius:100px;

    overflow:hidden;

    background:#1B243E;

    border:1px solid rgba(255,255,255,.08);
}

.aur-readiness .progress-bar span{

    display:block;

    width:0;

    height:100%;

    background:linear-gradient(
        90deg,
        #FF8B28,
        #8CFF00
    );

    transition:.25s;
}

/* Checklist */

.aur-readiness .interactive-checklist{

    display:grid;

    gap:5px;
}

.aur-readiness .interactive-checklist label{

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding:16px;

    border-radius:14px;

    background:#ffffff0a;

    border:1px solid rgba(255,255,255,.08);

    cursor:pointer;

    transition:.25s;
	align-items: center;
}

.aur-readiness .interactive-checklist label:hover{

    border-color:#FF8B28;

}

.aur-readiness .interactive-checklist input{

    accent-color:#8CFF00;
}

.aur-readiness .interactive-checklist span{
	font-family: 'Inter';
    color:#B9C7e6;
    font-weight: 700;
    line-height:1.6;
	font-size:16px !important;
}

/* Responsive */

@media(max-width:767px){

    .aur-readiness{

        grid-template-columns:1fr;
    }

}




/*============================================================
 
    Consaltation Practice Planner CSS

==============================================================*/

/* .planner-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:stretch;
} */

.planner-card,
.planner-summary{
    color:#fff !important;
}

.planner-summary h3{
    font-family: "Noto Sans KR";
	font-size: 26px;
	line-height:1.2;
    margin-bottom:25px;
    color:#fff !important;
}

/* ===========================
   Form
=========================== */

.planner-form{
    display:flex;
    flex-direction:column;
    gap:15px;
    flex:1;
}
.planner-form label {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #fff !important;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Inter';
}
/* ===========================
   Inputs
=========================== */

.planner-form select,
.planner-form textarea{
    font-family: 'Inter';
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;

    width:100%;

    background:#202b49 !important;
    color:#ffffff !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:14px !important;

    font-size:16px;
    font-weight:500;

    transition:.25s;
}

.planner-form select{

    height:52px !important;

    padding:0 52px 0 18px;

    cursor:pointer;

    background-image:none;

    background-repeat:no-repeat;
    background-position:right 18px center;
    background-size:15px;
}

.planner-form textarea{
    font-family: 'Inter';
    min-height:150px;
    resize:vertical;
    padding:18px;
    line-height:1.7;
}

.planner-form textarea::placeholder{
    color:#98a7c5 !important;
	font-family: 'Inter';

}

.planner-form select:hover,
.planner-form textarea:hover{
    border-color:rgba(255,255,255,.18) !important;
}

.planner-form select:focus,
.planner-form textarea:focus{

    outline:none;

    border-color:#20b7ff !important;

    box-shadow:0 0 0 3px rgba(32,183,255,.18) !important;
}
.planner-form textarea:focus::-webkit-input-placeholder{
    color: #fff !important;
}
.planner-form textarea:focus::-moz-placeholder{
    color: #fff !important;
}
.planner-form textarea:focus:-ms-input-placeholder{
    color: #fff !important;
}
.planner-form textarea:focus::placeholder{
    color: #fff !important;
}
.planner-form select option{
    background:#202b49 !important;
    color:#fff;
	font-family: 'Inter';

}

/* ===========================
   Summary
=========================== */
.planner-summary p{

    margin:18px 0;
    font-weight: 300;
	color:#dfe7ff !important;
    font-family: 'Inter';
    font-size: 14px;
    line-height:1.7;
}

.planner-summary strong {
    color: #B9C8DA !important;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: bold;
}


/* Push button to bottom */

.copySummary{

    margin-top:auto;

    width:100%;

    padding:18px !important;

    border-radius:999px !important;

    background:#10335e !important;

    border:1px solid #1f7eea !important;

    color:#fff !important;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;
}

.copySummary:hover{

    transform:translateY(-2px);

    background:#134277 !important;
}
.copyStatus {
    min-height: 24px;
    margin-top: 12px;
    color: #b9c7e6 !important;
    font-weight: 400;
    font-family: 'Inter';
	font-size:16px;
}


/* ===========================
   Package Cards
=========================== */

.package-card{

    position:relative;

    overflow:hidden;

    background:#181b22;

    transition:.3s;
}


.package-card.active{

    background:linear-gradient(
        90deg,
        #ff8b28 0%,
        #20b7ff 50%,
        #8cff00 100%
    ) !important;

    border-color:#FF8B28 !important;

    box-shadow:0 0 0 2px rgba(255,138,45,.2) !important;
}



















/* ===========================
   Request Consultation
=========================== */

.request-grid{
    display:grid;
    grid-template-columns:1.02fr .98fr !important;
    gap:clamp(1.2rem,4vw,3rem) !important;
    align-items:start !important;
}

/* Form Card */

.request-form{

    display:grid;

    gap:15px !important;

    padding:clamp(1.35rem,3vw,2rem) !important;

    border:1px solid rgba(255,255,255,.14) !important;

    border-radius:28px !important;

    background:linear-gradient(
        180deg,
        rgba(15,30,64,.86),
        rgba(9,17,36,.76)
    ) !important;

    box-shadow:0 24px 80px rgba(0,0,0,.42) !important;
}

/* Two Column Fields */

.form-row{

    display:grid !important;

    grid-template-columns:repeat(2,1fr) !important;

    gap:1rem !important;
}

/* Labels */

.request-form label{

    display:grid;

    gap:.45rem !important;

    color:#F5F8FF !important;
    font-size: 16px !important;
    font-family: 'inter' !important;
    font-weight:bold !important;
}

/* Inputs */


.request-form input,
.request-form textarea,
.request-form select{

    width:100% !important;

    padding:.85rem .95rem !important;

    border-radius:16px !important;

    border:1px solid rgba(255,255,255,.16) !important;

    background:rgba(255,255,255,.06) !important;
    font-family: 'inter' !important;
    color:#F5F8FF !important;
    font-size: 16px !important;
    font-weight:400 !important;
    outline:none !important;
}

.request-form input::placeholder,
.request-form textarea::placeholder,
.request-form select::placeholder{
    color: #6c7681 !important;
	font-weight:400 !important;
}
.request-form textarea:focus::placeholder,
.request-form input:focus::placeholder {
    color: #fff !important;
}

.request-form textarea:focus::-webkit-input-placeholder,
.request-form input:focus::-webkit-input-placeholder {
    color: #fff !important;
}

.request-form textarea:focus::-moz-placeholder,
.request-form input:focus::-moz-placeholder {
    color: #fff !important;
}

.request-form textarea:focus:-ms-input-placeholder,
.request-form input:focus:-ms-input-placeholder {
    color: #fff !important;
}
.request-form select option{

    color:#071126 !important;
}

.request-form input:focus,
.request-form textarea:focus,
.request-form select:focus{

    border-color:#20B7FF !important;

    box-shadow:0 0 0 4px rgba(32,183,255,.12) !important;
}

/* Checkbox */

.checkbox-line{

    display:flex !important;

    align-items:flex-start !important;

    gap:.75rem !important;

    padding:1rem !important;

    border-radius:14px !important;

    background:rgba(255,255,255,.04) !important;

    border:1px solid rgba(255,255,255,.08) !important;

    color:#B9C7E6 !important;

    line-height:1.6 !important;
}

.checkbox-line input{

    width:auto !important;

    margin-top:4px !important;

    accent-color:#ffffff26 !important;
    outline: none !important;
    border: 1px solid #ffffff26 !important;
}

/* Buttons */

.form-actions{

    display:flex !important;

    flex-wrap:wrap !important;

    gap:.8rem !important;

    margin-top:.25rem !important;
}


/* Notes */

.small-note{

    color:#8EA2CA !important;

    font-size:.9rem !important;
}

/* Output */

.request-output{

    margin-top:1rem !important;

    padding:1rem !important;

    border-radius:22px !important;

    border:1px solid rgba(140,255,0,.25) !important;

    background:rgba(140,255,0,.06) !important;
}

.request-output a{

    color:#8CFF00 !important;

    font-weight:800 !important;

    text-decoration:underline !important;

    text-underline-offset:3px !important;
}

/* Mobile */

@media(max-width:980px){

    .request-grid{

        grid-template-columns:1fr !important;
    }

}

@media(max-width:767px){

    .form-row{

        grid-template-columns:1fr !important;
    }

    .form-actions{

        flex-direction:column !important;
    }

    .btn{

        width:100% !important;
    }

    .request-form{

        padding:1.25rem !important;
    }

}
.email-summary{
    display:grid !important;
    gap:.85rem !important;
}

.email-summary p{
    margin:0;
    color:#F5F8FF !important;
    line-height:1.7 !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
}

.email-summary strong{
    color:#8CFF00 !important;
}

.request-output{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden;
    box-sizing:border-box !important;
}
.email-summary{
    white-space: pre-line !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    line-height: 1.7 !important;
    font-family: inherit !important;
    color: #F5F8FF !important;
    max-width: 100% !important;
}

.request-output{
    overflow: hidden !important;
    max-width: 100% !important;
}
.request-output h3, .request-output p {
    color: white !important;
}
.request-output h3{
	font-family:"Noto Sans KR" !important;
	font-size:26px !important;
}
/* ============================================================
   Checkbox
============================================================ */

.checkbox-line {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;

    padding: 1rem !important;

    border-radius: 14px !important;

    background: rgba(255, 255, 255, 0.04) !important;

    border: 1px solid rgba(255, 255, 255, 0.08) !important;

    color: #B9C7E6 !important;

    line-height: 1.6 !important;
}


/* Checkbox itself */

.checkbox-line input[name="ack"] {
    appearance: auto !important;
    -webkit-appearance: auto !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;

    margin: 3px 0 0 0 !important;
    padding: 0 !important;

    cursor: pointer !important;

    accent-color: #ffb449 !important;

    border: none !important;
    outline: none !important;
}

.email-summary {
    font-family: 'Inter' !important;
    font-size: 14px !important;
}