:root{--dsoc-primary:#FF6B35;--dsoc-secondary:#004E89;--dsoc-accent:#FCBF49;--dsoc-success:#2EC4B6;--dsoc-dark:#1A1A2E;--dsoc-light:#FFF8F0;--dsoc-purple:#9B5DE5;--dsoc-pink:#F15BB5;--dsoc-cyan:#00F5D4}.neo-brutal-card{background:var(--dsoc-light);border:4px solid var(--dsoc-dark);box-shadow:8px 8px 0 var(--dsoc-dark);transition:all .2s ease}.neo-brutal-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--dsoc-dark)}.dark .neo-brutal-card{background:#1f1f2e;border-color:var(--dsoc-light);box-shadow:8px 8px 0 var(--dsoc-light)}.dark .neo-brutal-card:hover{box-shadow:12px 12px 0 var(--dsoc-light)}.neo-brutal-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-weight:800;text-transform:uppercase;letter-spacing:1px;border:4px solid var(--dsoc-dark);box-shadow:4px 4px 0 var(--dsoc-dark);transition:all .15s ease;cursor:pointer}.neo-brutal-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--dsoc-dark)}.neo-brutal-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dsoc-dark)}.neo-brutal-btn-primary{background:var(--dsoc-primary);color:white}.neo-brutal-btn-secondary{background:var(--dsoc-secondary);color:white}.neo-brutal-btn-accent{background:var(--dsoc-accent);color:var(--dsoc-dark)}.neo-brutal-btn-success{background:var(--dsoc-success);color:var(--dsoc-dark)}.dark .neo-brutal-btn{border-color:var(--dsoc-light);box-shadow:4px 4px 0 var(--dsoc-light)}.dark .neo-brutal-btn:hover{box-shadow:6px 6px 0 var(--dsoc-light)}.dark .neo-brutal-btn:active{box-shadow:2px 2px 0 var(--dsoc-light)}.neo-brutal-input{width:100%;padding:12px 16px;font-size:16px;border:4px solid var(--dsoc-dark);background:white;transition:all .2s ease}.neo-brutal-input:focus{outline:none;box-shadow:4px 4px 0 var(--dsoc-dark);transform:translate(-2px,-2px)}.dark .neo-brutal-input{background:#1f1f2e;border-color:var(--dsoc-light);color:white}.dark .neo-brutal-input:focus{box-shadow:4px 4px 0 var(--dsoc-light)}.neo-brutal-badge{display:inline-flex;align-items:center;padding:4px 12px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:3px solid var(--dsoc-dark);box-shadow:3px 3px 0 var(--dsoc-dark)}.dark .neo-brutal-badge{border-color:var(--dsoc-light);box-shadow:3px 3px 0 var(--dsoc-light)}.dsoc-navbar{background:rgba(255,248,240,.95);backdrop-filter:blur(10px);border-bottom:3px solid var(--dsoc-dark)}.dsoc-nav-link{display:flex;align-items:center;padding:8px 16px;color:var(--dsoc-dark);font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.dsoc-nav-link:hover{color:var(--dsoc-primary)}.dsoc-dropdown{position:absolute;top:100%;left:0;min-width:240px;background:var(--dsoc-light);border:3px solid var(--dsoc-dark);box-shadow:6px 6px 0 var(--dsoc-dark);padding:8px;margin-top:8px;z-index:100}.dsoc-dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:12px;color:var(--dsoc-dark);transition:all .2s}.dsoc-dropdown-item:hover{background:var(--dsoc-primary);color:white}.dsoc-mobile-menu{padding:16px 0;border-top:1px solid rgba(0,0,0,.1);background:var(--dsoc-light)}.dsoc-mobile-link{display:flex;align-items:center;gap:12px;padding:12px 0;color:var(--dsoc-dark);font-weight:600}.dsoc-hero-new{position:relative;background:var(--dsoc-light);padding-top:64px}.dsoc-hero-grid{position:absolute;inset:0;background-image:linear-gradient(var(--dsoc-primary) 1px,transparent 1px),linear-gradient(90deg,var(--dsoc-primary) 1px,transparent 1px);background-size:60px 60px;opacity:.1;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.dsoc-shape{position:absolute;border:4px solid var(--dsoc-dark)}.dsoc-shape-1{top:15%;left:5%;width:100px;height:100px;background:var(--dsoc-primary);animation:float1 8s ease-in-out infinite;box-shadow:6px 6px 0 var(--dsoc-dark)}.dsoc-shape-2{top:20%;right:10%;width:60px;height:60px;background:var(--dsoc-accent);transform:rotate(45deg);animation:float2 6s ease-in-out infinite;box-shadow:4px 4px 0 var(--dsoc-dark)}.dsoc-shape-3{bottom:25%;left:15%;width:80px;height:80px;background:var(--dsoc-secondary);animation:float3 7s ease-in-out infinite;box-shadow:5px 5px 0 var(--dsoc-dark)}.dsoc-shape-4{bottom:15%;right:20%;width:120px;height:120px;background:var(--dsoc-purple);animation:float1 9s ease-in-out infinite reverse;box-shadow:6px 6px 0 var(--dsoc-dark)}.dsoc-shape-5{top:50%;left:50%;width:200px;height:200px;background:transparent;border-color:var(--dsoc-primary);border-width:3px;opacity:.3;transform:translate(-50%,-50%) rotate(45deg);animation:rotate 20s linear infinite}@keyframes float1{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(-30px) rotate(50deg)}}@keyframes float3{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(-5deg)}}@keyframes rotate{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}.dsoc-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--dsoc-primary) 0,var(--dsoc-secondary) 100%)}.dsoc-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 20px)}.dsoc-grid-pattern{background-image:linear-gradient(rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:20px 20px}.dark .dsoc-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 0)}.dsoc-stat-card{position:relative;padding:24px;background:white;border:4px solid var(--dsoc-dark);box-shadow:6px 6px 0 var(--dsoc-dark)}.dsoc-stat-card:before{content:"";position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--dsoc-accent);border:3px solid var(--dsoc-dark)}.dark .dsoc-stat-card{background:#1f1f2e;box-shadow:6px 6px 0 var(--dsoc-light)}.dark .dsoc-stat-card,.dark .dsoc-stat-card:before{border-color:var(--dsoc-light)}.dsoc-timeline{position:relative}.dsoc-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--dsoc-dark);transform:translateX(-50%)}.dark .dsoc-timeline:before{background:var(--dsoc-light)}.dsoc-timeline-item{position:relative;padding:24px;margin-bottom:32px}.dsoc-timeline-dot{position:absolute;left:50%;top:24px;width:24px;height:24px;background:var(--dsoc-primary);border:4px solid var(--dsoc-dark);border-radius:0;transform:translateX(-50%) rotate(45deg)}.dark .dsoc-timeline-dot{border-color:var(--dsoc-light)}.dsoc-project-card{position:relative;padding:0;background:white;border:4px solid var(--dsoc-dark);box-shadow:8px 8px 0 var(--dsoc-dark);transition:all .2s ease;overflow:hidden}.dsoc-project-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--dsoc-dark)}.dsoc-project-card-header{padding:16px 20px;border-bottom:4px solid var(--dsoc-dark)}.dsoc-project-card-body{padding:20px}.dark .dsoc-project-card{background:#1f1f2e;border-color:var(--dsoc-light);box-shadow:8px 8px 0 var(--dsoc-light)}.dark .dsoc-project-card:hover{box-shadow:12px 12px 0 var(--dsoc-light)}.dark .dsoc-project-card-header{border-color:var(--dsoc-light)}.difficulty-beginner{background:var(--dsoc-success);color:var(--dsoc-dark)}.difficulty-intermediate{background:var(--dsoc-accent);color:var(--dsoc-dark)}.difficulty-advanced{background:var(--dsoc-pink);color:white}.status-open{background:var(--dsoc-success);color:var(--dsoc-dark)}.status-in-progress{background:var(--dsoc-accent);color:var(--dsoc-dark)}.status-completed{background:var(--dsoc-purple);color:white}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.dsoc-float-shape{position:absolute;animation:float 6s ease-in-out infinite}.dsoc-float-shape:nth-child(2){animation-delay:1s}.dsoc-float-shape:nth-child(3){animation-delay:2s}.dsoc-float-shape:nth-child(4){animation-delay:3s}.dsoc-section-title{position:relative;display:inline-block;font-weight:900;text-transform:uppercase;letter-spacing:2px}.dsoc-section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:6px;background:var(--dsoc-accent)}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.dsoc-marquee{overflow:hidden;white-space:nowrap}.dsoc-marquee-content{display:inline-block;animation:marquee 30s linear infinite}.dsoc-gradient-text{background:linear-gradient(135deg,var(--dsoc-primary),var(--dsoc-purple),var(--dsoc-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.neo-brutal-card{box-shadow:4px 4px 0 var(--dsoc-dark)}.neo-brutal-btn{padding:10px 20px;box-shadow:3px 3px 0 var(--dsoc-dark)}.dsoc-project-card{box-shadow:4px 4px 0 var(--dsoc-dark)}.dsoc-timeline-dot,.dsoc-timeline:before{left:24px}}