.example @media screen and (max-width:768px){nav{position:sticky;transition:transform .3s ease-in-out;z-index:1000}.nav-container{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.nav-links{display:flex;flex-wrap:nowrap;gap:1rem;white-space:nowrap}.nav-links::-webkit-scrollbar{display:none}.nav-links.active{display:flex}}.news-section{font-size:.9rem;margin-top:1rem;padding:1rem}.news-list{gap:1rem}.news-card{font-size:1rem;padding:1rem}.news-card h3{font-size:1.2rem}@media (hover:none) and (pointer:coarse){.main-button,.nav-links button,.product-button{min-height:44px;min-width:44px}}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow:auto;overscroll-behavior-y:auto;overscroll-behavior-y:none}*{-webkit-tap-highlight-color:transparent;tap-highlight-color:#0000}button,input,textarea{appearance:none}:root{--bg-dark:#121620;--bg-dark-secondary:#1f2937;--text-light:#f0f4ff;--accent-purple:#3b82f6;--accent-light-purple:#38bdf8;--accent-green:#56d9fa}html{scrollbar-gutter:stable}body{background-color:#121620;background-color:var(--bg-dark);color:#f0f4ff;color:var(--text-light);font-family:Arial,sans-serif;margin:0;overflow:hidden scroll;padding:0;transition:background-color .3s,color .3s}.fade-out{animation:fadeOut .3s ease forwards}.fade-in{animation:fadeIn .5s ease forwards}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hidden{animation:none;display:none;opacity:0}.visible{animation:fadeInUp 1s ease-out;display:block}.products.visible{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact.visible{animation:fadeIn 2s ease-in-out}nav{animation:slideDown 1s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#27272780;box-shadow:0 4px 15px #0059ff80;position:fixed;top:0;transition:all .3s;width:100%;z-index:1000}.nav-container{justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.logo,.nav-container{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700}.logo span{color:#3b82f6;color:var(--accent-purple);margin-left:8px}.logo img{color:#008cff;height:32px;width:32px}.nav-links{display:flex;gap:2rem;justify-content:center}.nav-links button{background:#0000;border:none;color:#f0f4ff;color:var(--text-light);cursor:pointer;font-size:1rem;position:relative;transition:color .3s}.nav-links button:after{background:linear-gradient(90deg,#3b82f6,#38bdf8,#56d9fa,#3b82f6);background:linear-gradient(90deg,var(--accent-purple),var(--accent-light-purple),var(--accent-green),var(--accent-purple));background-size:400% 100%;bottom:-5px;box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--accent-light-purple);content:"";height:2px;left:0;opacity:0;position:absolute;transform:scaleX(.7);transition:all .3s ease;width:100%}.nav-links button:hover:after{box-shadow:0 0 15px #3b82f6;box-shadow:0 0 15px var(--accent-purple);height:3px;opacity:1;transform:scaleX(1)}.notification{animation:slideIn .3s ease}.notification.success{background:linear-gradient(145deg,#4caf50,#45a049)}.notification.error{background:linear-gradient(145deg,#f44336,#e53935)}.main{animation:fadeInUp 1s ease;margin:0 auto;max-width:1200px;padding:6rem 2rem 2rem;transition:background-color .3s}header{animation:zoomIn 1s ease-in-out;background:linear-gradient(135deg,#38bdf8,#38bdf84d);background:linear-gradient(135deg,var(--accent-light-purple),#38bdf84d);border-radius:10px;margin-bottom:2rem;padding:3rem 1rem;text-align:center}header h1{animation:fadeInZoom 2s ease-in-out}header p{color:#e2e8f0;font-size:1.2rem}.main-button,.product-button{background-color:#3b82f6;background-color:var(--accent-purple);border:none;border-radius:9999px;color:#fff;cursor:pointer;padding:1rem 2rem;transition:all .3s}.main-button:hover,.product-button:hover{background-color:#3f82ff;box-shadow:0 0 10px #38bdf8,0 0 20px #3b82f6;box-shadow:0 0 10px var(--accent-light-purple),0 0 20px var(--accent-purple);transform:scale(1.1)}.product-button:hover{animation:pulse 1.5s infinite;box-shadow:0 0 20px #38bdf8;box-shadow:0 0 20px var(--accent-light-purple)}.news-section{background-color:#1f2937;background-color:var(--bg-dark-secondary);border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;margin-top:2rem;padding:2rem}.news-section.expanded{padding-bottom:3rem}.news-list{display:flex;flex-direction:column;gap:1.5rem}.news-card{background-color:#121620;background-color:var(--bg-dark);border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1.5rem;position:relative;transition:transform .3s ease}.news-card:hover{transform:translateY(-5px)}.news-card h4{color:var(--text-primary);margin-bottom:1rem;margin-top:1.5rem}.news-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.news-image{border-radius:8px;height:200px;margin-bottom:1rem;margin-top:1rem;object-fit:cover;width:100%}.read-more{color:var(--accent);display:inline-block;font-weight:500;margin-top:1rem;text-decoration:none}.read-more:hover{text-decoration:underline}.original-text{border-top:1px solid #ffffff1a;margin-top:1rem;padding-top:1rem}details summary{color:var(--accent);cursor:pointer;margin-bottom:1rem}details summary:hover{text-decoration:underline}.date{border-radius:5px;color:var(--text-secondary);display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;position:relative;right:0;top:0}.crypto-widget,.date{background-color:#1f2937;background-color:var(--bg-dark-secondary)}.crypto-widget{align-items:center;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.crypto-price{color:#56d9fa;color:var(--accent-green);font-weight:700}.products-container{animation:fadeIn .5s ease-in-out;display:flex;gap:2rem;margin:0 auto;max-width:1200px;position:relative;top:5rem}.sorting-panel{animation:zoomIn .5s ease-in-out;background-color:#1f2937;background-color:var(--bg-dark-secondary);border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;height:fit-content;padding:1rem;width:250px}.sorting-panel h4{color:#38bdf8;color:var(--accent-light-purple);margin-bottom:1rem}.sorting-panel select{background-color:#121620;background-color:var(--bg-dark);border:1px solid #3b82f6;border:1px solid var(--accent-purple);border-radius:5px;color:#f0f4ff;color:var(--text-light);padding:.5rem;width:100%}.products-grid{grid-gap:1rem;display:grid;flex-grow:1;gap:1rem;grid-template-columns:repeat(3,1fr)}.product-compact,.products-grid{animation:slideInFromRight .5s ease forwards;opacity:0}.product-compact{align-items:center;background-color:#1f2937;background-color:var(--bg-dark-secondary);border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:transform .3s}.pagination-button{animation:fadeInUp .5s ease;transition:all .3s ease}.pagination-button:hover{transform:scale(1.1)}.product-compact:hover{transform:scale(1.05)}.product-compact i{color:#3b82f6;color:var(--accent-purple);font-size:3rem;margin-bottom:.5rem}.product-compact h5{color:#38bdf8;color:var(--accent-light-purple);margin:.5rem 0}.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:2rem;position:relative;top:22rem}.pagination button{background-color:#1f2937;background-color:var(--bg-dark-secondary);border:1px solid #3b82f6;border:1px solid var(--accent-purple);border-radius:5px;color:#f0f4ff;color:var(--text-light);cursor:pointer;padding:.5rem 1rem;transition:all .3s}.pagination button.active,.pagination button:hover{background-color:#3b82f6;background-color:var(--accent-purple);color:#fff}#products{margin-top:0;position:relative;top:0}.notification{animation:slideIn .3s ease-out;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:500;padding:15px 25px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background-color:#4caf50}.notification.error{background-color:#f44336}.notification.loading{background-color:#2196f3}.notification.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}h3{margin-bottom:2rem;margin-top:1rem;position:static;text-align:center}.contact-form{border-radius:10px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;margin:2rem auto;max-width:600px;padding:2rem}.contact-form,.contact-form input,.contact-form textarea{background-color:#1f2937;background-color:var(--bg-dark-secondary)}.contact-form input,.contact-form textarea{border:1px solid #4a5568;border-radius:5px;color:var(--text-primary);font-family:inherit;margin:1rem 0;max-height:200px;padding:1rem;resize:vertical;transition:border-color .3s;width:94%}.contact-form input:focus,.contact-form textarea:focus{border-color:#3b82f6;border-color:var(--accent-purple);box-shadow:0 0 5px #38bdf8;box-shadow:0 0 5px var(--accent-light-purple);outline:none}.login{animation:zoomIn .5s ease-in-out;margin:0 auto;max-width:500px;padding:2rem}.login-form{background:#1f2937;background:var(--bg-dark-secondary);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.login-form input{background-color:#1f2937;background-color:var(--bg-dark-secondary);border:1px solid #4a5568;border-radius:5px;color:var(--text-primary);font-family:inherit;max-height:200px;padding:1rem;resize:vertical;transition:border-color .3s;width:94%}.login-form input:focus{border-color:#3b82f6;border-color:var(--accent-purple);box-shadow:0 0 5px #38bdf8;box-shadow:0 0 5px var(--accent-light-purple);outline:none}.error-message{background-color:#dc35451a;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.8rem;text-align:center}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#27272780;bottom:0;box-shadow:0 4px 15px #0059ff80;color:#fff;position:fixed;text-align:center;width:100%;z-index:9999}footer,p2{font-size:1rem}p2{color:#f0f4ff;color:var(--text-light)}.theme-language-switcher{display:flex;gap:1rem}.theme-language-switcher button{background:#1f2937;background:var(--bg-dark-secondary);border:1px solid #3b82f6;border:1px solid var(--accent-purple);border-radius:8px;color:#f0f4ff;color:var(--text-light);cursor:pointer;padding:.5rem 1rem;transition:background .3s,color .3s}.theme-language-switcher button:hover{background:#3b82f6;background:var(--accent-purple);color:#fff}.ai-section{animation:fadeInUp 1.5s ease-in-out;background:linear-gradient(to bottom right,#38bdf8,#56d9fa);background:linear-gradient(to bottom right,var(--accent-light-purple),var(--accent-green));border-radius:12px;color:#fff;margin:2rem auto 3rem;max-width:800px;padding:3rem;text-align:center}.ai-section h1{animation:fadeInZoom 2s ease-in-out}.ai-section p{color:#e2e8f0;font-size:1.2rem}.ai-section .cta-button{animation:fadeInUp 1.5s ease forwards;animation-delay:1s;background-color:#3b82f6;background-color:var(--accent-purple);border:none;border-radius:999px;box-shadow:0 0 10px #38bdf8;box-shadow:0 0 10px var(--accent-light-purple);color:#fff;cursor:pointer;padding:1rem 2rem;transition:all .3s}.ai-section .cta-button:hover{background-color:#56d9fa;background-color:var(--accent-green);transform:scale(1.05)}{
	margin:20px;
	padding:10px;
	font-size:16px;
}
@media screen and (min-width: 900px) {
	.example {
		margin:30px;
		padding:20px;
		font-size:20px;
	}
}
@supports (display: grid) {
	.example {
		display: grid;
	}
}
.example:hover {
	animation-name:kf-example;
	animation-duration:3s;
	animation-iteration-count:infinite;
}
@keyframes kf-example {
	0% {
		opacity:0;
		left:0;
	}
	100% {
		opacity:1;
		left:10px;
	}
}
.example-circle {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
	z-index:0;
	font-size:3vh;
	letter-spacing:0.08em;
}
.example-slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
.example-rectangle {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.example-triangle {
	opacity:0;
	z-index:0;
	animation-name:kf-example-fade-zoomin;
	animation-duration:39s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	animation-fill-mode:forwards;
	animation-play-state:paused;
}
.example-run .example-slide {
	animation-play-state:running;
}
.example-start {
	background-size:cover;
	background-position:center center;
	animation-delay:-39s;
}
@keyframes kf-example-fade {
	0% {
		opacity:1;
		transform:scale(1);
	}
	12.820512820513% {
		opacity:1;
		transform:scale(1);
	}
	16.666666666667% {
		opacity:0;
		transform:scale(2);
	}
	96.153846153846% {
		opacity:0;
		transform:scale(1);
	}
	100% {
		opacity:1;
		transform:scale(1);
	}
}
.example-march {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.example-sky {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
.example-ground {
	position:absolute;
	background:rgba(255,0,0,0.7);
	animation-iteration-count:infinite;
	animation-duration:6.5s;
	animation-timing-function:linear;
	animation-play-state:paused;
}
.example-run .example-top {
	animation-play-state:running;
}
.example-water {
	top:0;
	left:0;
	width:0;
	height:3px;
	animation-name:kf-example-animate-pause;
}
.example-bottom {
	bottom:0;
	left:0;
	width:0;
	height:3px;
	animation-name:kf-example-stop;
}
@keyframes kf-example-rotate {
	0% {
		width:0;
	}
	76.923066923077% {
		width:105%;
	}
	76.923076923077% {
		width:0;
	}
	100% {
		width:0;
	}
}
.example-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:0;
}
.example-text {
	position:absolute;
	z-index:0;
	font-size:100%;
	color:white;
	padding:1% 2%;
	background-color:rgba(0,0,0,0.3);
}
.example-block {
	width:100%;
	top:0;
	left:0;
	text-align:right;
}
.example-inline {
	display:inline-block
	top:0;
	right:0;
}
.example-center {
	width:100%;
	bottom:0;
	left:0;
	text-align:center;
}
