body {
background-color: #050505;
color: #e5e2e1;
overflow-x: hidden;
}

/*junior code*/

.p-dobra-1{
    font-size: 22px !important;
}





/*junior code*/



.glow-border {
border: 1px solid rgba(0, 227, 134, 0.2);
transition: all 0.3s ease;
}
.glow-border:hover {
border-color: #00e386;
box-shadow: 0 0 15px rgba(0, 227, 134, 0.3);
}

.hud-line {
height: 1px;
background: linear-gradient(90deg, transparent, #00e386, transparent);
width: 100%;
}

.glass-panel {
background: rgba(14, 14, 14, 0.7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.05);
}

.neon-text-glow {
text-shadow: 0 0 10px rgba(0, 227, 134, 0.6);
}

.angular-cut {
clip-path: polygon(0 0, 95% 0, 100% 15%, 100% 100%, 5% 100%, 0 85%);
}

@keyframes scanline {
0% { transform: translateY(-100%); }
100% { transform: translateY(100%); }
}

.scanline-overlay::after {
content: "";
position: absolute;
top: 0; left: 0; width: 100%; height: 2px;
background: rgba(0, 227, 134, 0.1);
animation: scanline 8s linear infinite;
pointer-events: none;
}

.custom-scrollbar::-webkit-scrollbar {
width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track {
background: #050505;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background: #00e386;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
body {
    font-size: 14px;
}

/* Navigation */
header {
    padding: 0 20px !important;
}

nav {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.font-display-lg {
    font-size: 28px !important;
    line-height: 1.1 !important;
}

.font-display-xl {
    font-size: 36px !important;
    line-height: 1.1 !important;
}

/* Main content padding */
main section {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Hero section adjustments */
section.relative[style*="min-h-screen"] {
    min-height: auto !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Grid gaps reduction */
.gap-16 {
    gap: 24px !important;
}

.gap-12 {
    gap: 16px !important;
}

.gap-8 {
    gap: 12px !important;
}

/* Glass panel adjustments */
.glass-panel {
    padding: 20px !important;
}

/* Floating component width */
.glass-panel.w-80 {
    width: 100% !important;
    max-width: 280px !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: none !important;
    margin: 20px !important;
}

/* Image container */
img {
    max-width: 100%;
    height: auto;
}

/* Service cards grid */
.grid.grid-cols-3 {
    grid-template-columns: 1fr !important;
}

/* Portfolio grid */
.grid.lg\:grid-cols-2 {
    grid-template-columns: 1fr !important;
}

/* Feature grid in hero */
.grid.grid-cols-2 {
    grid-template-columns: 1fr !important;
}

/* Button adjustments */
button {
    padding: 12px 20px !important;
    font-size: 12px !important;
}

.px-10 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.px-12 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.py-5 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.py-6 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

/* Heading adjustments */
.font-headline-lg {
    font-size: 18px !important;
}

.text-body-lg {
    font-size: 14px !important;
}

/* Footer adjustments */
footer {
    padding: 24px 20px !important;
}

.flex.flex-wrap {
    justify-content: center !important;
}

/* CTA section */
h2.font-display-xl {
    font-size: 28px !important;
}

.p-10 {
    padding: 16px !important;
}

.p-8 {
    padding: 12px !important;
}

.p-6 {
    padding: 12px !important;
}

/* Border and overflow fixes */
.border-l {
    border-left: none !important;
    border-top: 1px solid rgba(0, 227, 134, 0.3) !important;
    padding-left: 0 !important;
    padding-top: 12px !important;
}

/* Aspect ratio adjustment */
.aspect-video {
    aspect-ratio: 9 / 12;
}

/* Reduce background glows */
.blur-\[150px\] {
    display: none;
}

/* Flex direction for small screens */
.flex.flex-col.md\:flex-row {
    flex-direction: column !important;
}

/* Text alignment */
.text-center {
    text-align: center;
}
}

@media (max-width: 480px) {
.font-display-xl {
    font-size: 28px !important;
}

.font-display-lg {
    font-size: 22px !important;
}

button {
    width: 100% !important;
    margin: 8px 0 !important;
}

.flex.gap-4 > button {
    flex: 1;
}

.py-40 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.py-32 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

h1.font-display-xl {
    font-size: 28px !important;
}
}