/* ==========================================================
   ALTERMIND INTERNSHIP VERDICT - HERO
   ========================================================== */

.internship-verdict-page{
	background:
		radial-gradient(
			circle at top right,
			rgba(124,92,255,.10),
			transparent 35%
		),
		radial-gradient(
			circle at top left,
			rgba(59,130,246,.08),
			transparent 30%
		);
}


/* Hero */

.internship-verdict-hero{
	position:relative;
	overflow:hidden;

	padding:180px 0 110px;

	text-align:center;
}


.internship-verdict-hero::before{
	content:"";

	position:absolute;

	inset:0;

	background:
		linear-gradient(
			180deg,
			rgba(255,255,255,.015),
			transparent
		);

	pointer-events:none;
}


.internship-verdict-hero .am-container{
	position:relative;
	z-index:2;
}


.internship-verdict-hero .section-heading{
	max-width:850px;

	margin:0 auto;
}


.internship-verdict-hero .hero-sub{
	display:inline-flex;

	align-items:center;
	justify-content:center;

	padding:8px 16px;

	margin-bottom:24px;

	border-radius:999px;

	background:rgba(124,92,255,.10);

	border:1px solid rgba(124,92,255,.22);

	color:var(--accent, #7c5cff);

	font-size:.72rem;

	font-weight:700;

	letter-spacing:.14em;
}


.internship-verdict-hero h1,
.internship-verdict-hero .section-title{
	max-width:900px;

	margin:0 auto 24px;

	color:#fff;

	font-size:clamp(3rem, 6vw, 5.2rem);

	line-height:1.08;

	letter-spacing:-.04em;
}


.internship-verdict-hero p,
.internship-verdict-hero .section-description{
	max-width:700px;

	margin:0 auto;

	color:rgba(255,255,255,.68);

	font-size:1.08rem;

	line-height:1.8;
}


/* Responsive */

@media(max-width:768px){

	.internship-verdict-hero{
		padding:140px 0 80px;
	}

	.internship-verdict-hero .hero-sub{
		font-size:.65rem;

		padding:7px 13px;

		letter-spacing:.1em;
	}

	.internship-verdict-hero h1,
	.internship-verdict-hero .section-title{
		font-size:clamp(2.5rem, 11vw, 4rem);
	}

	.internship-verdict-hero p,
	.internship-verdict-hero .section-description{
		font-size:1rem;

		padding:0 10px;
	}

}


/* ==========================================================
   ALTERMIND INTERNSHIP VERDICT - SEARCH
   ========================================================== */

.internship-verification{
	padding:100px 0;
}


.internship-verification .section-heading{
	max-width:760px;
	margin:0 auto 45px;
}


.internship-search-box{
	max-width:850px;
	margin:0 auto;

	padding:14px;

	border:1px solid rgba(255,255,255,.08);
	border-radius:24px;

	background:rgba(255,255,255,.025);

	backdrop-filter:blur(20px);
}


.internship-search-form{
	display:flex;
	align-items:center;
	gap:12px;
}


.internship-search-form input{
	flex:1;

	min-width:0;

	height:58px;

	padding:0 22px;

	border:1px solid rgba(255,255,255,.10);
	border-radius:16px;

	outline:none;

	background:rgba(0,0,0,.18);

	color:#fff;

	font-family:inherit;
	font-size:1rem;

	transition:.3s ease;
}


.internship-search-form input::placeholder{
	color:rgba(255,255,255,.35);
}


.internship-search-form input:focus{
	border-color:rgba(124,92,255,.65);

	box-shadow:
		0 0 0 4px rgba(124,92,255,.10);
}


.internship-search-form .btn{
	height:58px;

	padding:0 28px;

	white-space:nowrap;
}


/* Mobile */

@media(max-width:768px){

	.internship-verification{
		padding:75px 0;
	}

	.internship-search-box{
		padding:10px;

		border-radius:20px;
	}

	.internship-search-form{
		flex-direction:column;
	}

	.internship-search-form input,
	.internship-search-form .btn{
		width:100%;
	}

}
/* ==========================================================
   INTERNSHIP PERFORMANCE RESULT
========================================================== */

.internship-performance {
	padding: 20px 0 100px;
}

.internship-result,
.internship-invalid {
	max-width: 1000px;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid rgba(59, 130, 246, 0.18);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.04);
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}


/* ==========================================================
   VERIFIED HEADER
========================================================== */

.internship-result-header {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.internship-performance .verification-status {
	display: flex;
	align-items: center;
	gap: 16px;
}

.internship-performance .verification-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: rgba(34, 197, 94, 0.15);
	border: 1px solid rgba(34, 197, 94, 0.4);
	color: #22c55e;
	font-size: 28px;
	font-weight: 700;
	flex-shrink: 0;
}

.internship-performance .verification-icon.invalid {
	background: rgba(239, 68, 68, 0.12);
	border-color: rgba(239, 68, 68, 0.4);
	color: #ef4444;
}

.internship-performance .verification-label {
	display: block;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #22c55e;
}

.internship-performance h2 {
	margin: 0;
	font-size: 28px;
	line-height: 1.3;
}


/* ==========================================================
   INTERNSHIP DETAILS
========================================================== */

.internship-details {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
	margin-bottom: 40px;
}

.internship-detail {
	padding: 20px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.internship-detail span {
	display: block;
	margin-bottom: 7px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}

.internship-detail strong {
	display: block;
	font-size: 16px;
	color: #ffffff;
	word-break: break-word;
}


/* ==========================================================
   OVERALL VERDICT
========================================================== */

.overall-verdict {
	margin-bottom: 25px;
	padding: 32px;
	text-align: center;
	border-radius: 20px;
	background:
		linear-gradient(
			135deg,
			rgba(59, 130, 246, 0.18),
			rgba(139, 92, 246, 0.12)
		);
	border: 1px solid rgba(96, 165, 250, 0.3);
}

.verdict-label {
	display: block;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	color: #60a5fa;
}

.overall-verdict h2 {
	font-size: 32px;
	color: #ffffff;
}


/* ==========================================================
   PROFESSIONAL VERDICT
========================================================== */

.professional-verdict {
	margin-bottom: 40px;
	padding: 30px;
	border-radius: 20px;
	background: rgba(255, 255, 255, 0.035);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.professional-verdict h3 {
	margin: 0 0 15px;
	font-size: 21px;
	color: #ffffff;
}

.professional-verdict p {
	margin: 0;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.72);
}


/* ==========================================================
   PERFORMANCE RECORD
========================================================== */

.performance-record {
	margin-bottom: 40px;
}

.performance-record > h3,
.professional-context > h3,
.internship-work-proof > h3 {
	margin: 0 0 20px;
	font-size: 24px;
	color: #ffffff;
}

.performance-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}

.performance-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 18px 20px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.performance-item span {
	font-size: 14px;
	color: rgba(255, 255, 255, 0.68);
}

.performance-item strong {
	color: #60a5fa;
	font-size: 14px;
	text-align: right;
}


/* ==========================================================
   PROFESSIONAL CONTEXT
========================================================== */

.professional-context {
	margin-bottom: 40px;
}

.context-item {
	margin-bottom: 15px;
	padding: 24px;
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.035);
	border-left: 3px solid #3b82f6;
}

.context-item span {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #60a5fa;
}

.context-item p {
	margin: 0;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.72);
}


/* ==========================================================
   WORK PROOF
========================================================== */

.internship-work-proof {
	margin-bottom: 35px;
	padding: 30px;
	border-radius: 20px;
	background: rgba(59, 130, 246, 0.06);
	border: 1px solid rgba(59, 130, 246, 0.18);
}

.work-proof-content {
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.75);
}

.work-proof-content a {
	color: #60a5fa;
	text-decoration: none;
	word-break: break-word;
}

.work-proof-content a:hover {
	text-decoration: underline;
}


/* ==========================================================
   RECORD NOTE
========================================================== */

.internship-record-note {
	padding-top: 25px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.48);
}


/* ==========================================================
   NOT FOUND
========================================================== */

.internship-invalid {
	text-align: center;
}

.internship-invalid .verification-status {
	justify-content: center;
	margin-bottom: 25px;
}

.internship-invalid .verification-label {
	color: #ef4444;
}

.internship-invalid p {
	color: rgba(255, 255, 255, 0.68);
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 768px) {

	.internship-result,
	.internship-invalid {
		padding: 25px 20px;
		border-radius: 18px;
	}

	.internship-details,
	.performance-grid {
		grid-template-columns: 1fr;
	}

	.overall-verdict {
		padding: 25px 20px;
	}

	.overall-verdict h2 {
		font-size: 25px;
	}

	.internship-performance h2 {
		font-size: 23px;
	}

	.performance-item {
		flex-direction: column;
		align-items: flex-start;
	}

	.performance-item strong {
		text-align: left;
	}

	.internship-performance .verification-status {
		align-items: flex-start;
	}

}

/* ==========================================================
   INTERNSHIP FAQ
========================================================== */

.internship-faq {
	padding: 100px 0;
}

.internship-faq-wrapper {
	max-width: 850px;
	margin: 50px auto 0;
}

.internship-faq-item {
	margin-bottom: 14px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 16px;
	background: rgba(255, 255, 255, 0.035);
	overflow: hidden;
}

.internship-faq-item summary {
	position: relative;
	padding: 22px 60px 22px 24px;
	cursor: pointer;
	list-style: none;
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
}

.internship-faq-item summary::-webkit-details-marker {
	display: none;
}

.internship-faq-item summary::after {
	content: "+";
	position: absolute;
	top: 50%;
	right: 24px;
	transform: translateY(-50%);
	font-size: 25px;
	font-weight: 400;
	color: #60a5fa;
	transition: transform 0.2s ease;
}

.internship-faq-item[open] summary::after {
	content: "−";
}

.internship-faq-item p {
	margin: 0;
	padding: 0 24px 24px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.68);
}


/* ==========================================================
   INTERNSHIP CTA
========================================================== */

.internship-cta {
	padding: 40px 0 100px;
}

.internship-cta-card {
	max-width: 1000px;
	margin: 0 auto;
	padding: 70px 50px;
	text-align: center;
	border-radius: 28px;
	background:
		linear-gradient(
			135deg,
			rgba(59, 130, 246, 0.16),
			rgba(139, 92, 246, 0.12)
		);
	border: 1px solid rgba(96, 165, 250, 0.25);
}

.internship-cta-card .section-badge {
	margin-bottom: 20px;
}

.internship-cta-card h2 {
	max-width: 750px;
	margin: 0 auto 20px;
	font-size: clamp(30px, 4vw, 48px);
	line-height: 1.2;
	color: #ffffff;
}

.internship-cta-card p {
	max-width: 700px;
	margin: 0 auto 30px;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.72);
}

.internship-cta-card .am-buttons {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	flex-wrap: wrap;
}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 768px) {

	.internship-faq {
		padding: 70px 0;
	}

	.internship-faq-item summary {
		padding: 20px 50px 20px 20px;
	}

	.internship-faq-item p {
		padding: 0 20px 20px;
	}

	.internship-cta {
		padding: 20px 0 70px;
	}

	.internship-cta-card {
		padding: 45px 22px;
		border-radius: 20px;
	}

	.internship-cta-card .am-buttons {
		flex-direction: column;
	}

	.internship-cta-card .btn {
		width: 100%;
	}

}
