*{margin:0;padding:0;box-sizing:border-box}
        body{font-family:Nuckle,sans-serif;line-height:1.6;color:#1e3a5f;background:#fafafa;font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased}
        .demo-banner{background-color:#dc3545;color:white;font-weight:bold;font-size:0.9375rem;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;padding:0.75rem 0}
        .demo-banner select{color:white}
        .demo-banner select option{color:#1e3a5f;background:#fafafa}
        body:has(.demo-banner) header{top:3rem}
        header{background:#fafafa;border-bottom:1px solid #e5e5e5;padding:1.5rem 0;position:sticky;top:0;z-index:100;background:#fafafa}
        nav{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem;text-align:left}
        .nav-left{display:flex;gap:2.5rem;justify-content:flex-start;align-items:center}
        .logo{font-size:1.5rem;font-weight:600;color:#1e3a5f;text-decoration:none;letter-spacing:0.15em}
        .nav-right{display:flex;gap:2.5rem;justify-content:flex-end;align-items:center}
        nav a{color:#1e3a5f;text-decoration:none;font-weight:400;font-size:0.9375rem;transition:opacity 0.2s}
        nav a:hover{opacity:0.6}
        .btn-nav{display:inline-block;padding:0.625rem 1.25rem;background:#fafafa;color:#1e3a5f;text-decoration:none;border:1px solid #1e3a5f;font-weight:400;transition:all 0.2s;font-size:0.9375rem;border-radius:8px}
        .btn-nav:hover{background:#f5f5f5;border-color:#2c5282}
        .btn-nav-primary{background:#3498db;color:#fafafa;border-color:#3498db}
        .btn-nav-primary:hover{background:#2980b9;border-color:#2980b9}
        .btn-nav-dark{background:#1e3a5f;color:#fafafa;border-color:#1e3a5f}
        .btn-nav-dark:hover{background:#2c5282;border-color:#2c5282}
        main{max-width:1400px;margin:0 ;padding:0 2rem}
        .btn{display:inline-block;padding:0.875rem 2rem;background:#1e3a5f;color:#fafafa;text-decoration:none;border-radius:8px;font-weight:400;transition:all 0.2s;border:none;cursor:pointer;font-size:0.9375rem;letter-spacing:0.01em}
        .btn:hover{background:#2c5282;opacity:1}
        .btn-secondary{background:#fafafa;color:#1e3a5f;border:1px solid #1e3a5f;border-radius:8px}
        .btn-secondary:hover{background:#f5f5f5;border-color:#2c5282}
        .card{background:#fafafa;border:none;padding:0;margin-bottom:4rem}
        .card h2{margin-bottom:2rem;color:#1e3a5f;font-weight:400;font-size:2rem;letter-spacing:-0.02em;line-height:1.2}
        .alert{padding:1.25rem 1.5rem;border-radius:0;margin-bottom:2rem;border-left:2px solid;background:#fafafa}
        .alert-success{color:#1e3a5f;border-left-color:#1e3a5f}
        .alert-error{color:#1e3a5f;border-left-color:#e74c3c}
        .alert-info{color:#1e3a5f;border-left-color:#1e3a5f}
        input[type="text"],input[type="email"],input[type="number"],input[type="url"],input[type="datetime-local"],textarea,select{width:100%;padding:0.875rem;border:1px solid #1e3a5f;border-radius:0;font-size:0.9375rem;font-family:inherit;background:#fafafa;transition:border-color 0.2s}
        input:focus,textarea:focus,select:focus{outline:none;border-color:#666}
        textarea{min-height:140px;resize:vertical}
        label{display:block;margin-bottom:0.75rem;font-weight:400;color:#1e3a5f;font-size:0.9375rem}
        .form-group{margin-bottom:2rem}
        .help-text{font-size:0.8125rem;color:#666;margin-top:0.5rem;line-height:1.5}
        h1{font-size:3.5rem;font-weight:400;color:#1e3a5f;margin-bottom:2rem;letter-spacing:-0.03em;line-height:1.1}
        h2{font-size:2rem;font-weight:400;color:#1e3a5f;margin-bottom:1.5rem;letter-spacing:-0.02em;line-height:1.2}
        h3{font-size:1.5rem;font-weight:400;color:#1e3a5f;margin-bottom:1rem;letter-spacing:-0.01em;line-height:1.3}
        p{color:#666;line-height:1.7;margin-bottom:1.5rem;font-size:1rem}
        .page-header{padding:3rem 0 2rem;margin-bottom:3rem;border-bottom:1px solid #e5e5e5}
        .page-header h1{font-size:2.5rem;margin-bottom:1rem;font-weight:400;letter-spacing:-0.03em;line-height:1.1}
        @media(max-width:768px){main{padding:0 1.5rem;margin:2rem auto}h1{font-size:2.5rem}h2{font-size:1.75rem}}
            
            
        .title-section {
            padding:6rem 0 4rem;margin-bottom:6rem;
            
            border-bottom:1px solid #e5e5e5
            
        }

        .page-title h1 {
            /*font-size:3rem;
            margin:0;
            font-weight:400;
            letter-spacing:-0.01em;
            line-height:0.8*/

            font-size:4rem;margin-bottom:2rem;font-weight:400;letter-spacing:-0.03em;line-height:1.1
        }

        

        .page-subtitle {
            font-size:2rem;
            font-weight:400;
            letter-spacing:-0.02em;
            line-height:1.2;
            margin-bottom:.5rem;
        }


        .back-btn {
            color:#666;
            font-size:0.875rem;
            text-decoration:none;
            border-bottom:1px solid transparent;
            transition:border-color 0.2s;
            margin-bottom:1rem;
            display:inline-block
        }

        .stat-card {
            padding:0.5rem 1rem;
        }

        .left-cards {
            border-right:1px solid #e5e5e5
        }
        
        .stat-grid {
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:0;
            margin-bottom:1rem;
            border-top:1px solid #e5e5e5;
            border-bottom:1px solid #e5e5e5
        }

        .grant-row {
            padding:1rem 0;border-bottom:1px solid #e5e5e5;margin-bottom:0
        }


        /* Mobile Menu Toggle Button */
        .mobile-menu-toggle {
            display:none;
            flex-direction:column;
            gap:4px;
            background:none;
            border:none;
            cursor:pointer;
            padding:0.5rem;
            z-index:101;
        }
        .mobile-menu-toggle span {
            width:24px;
            height:2px;
            background:#1e3a5f;
            transition:all 0.3s;
            display:block;
        }
        .mobile-menu-toggle.active span:nth-child(1) {
            transform:rotate(45deg) translate(6px,6px);
        }
        .mobile-menu-toggle.active span:nth-child(2) {
            opacity:0;
        }
        .mobile-menu-toggle.active span:nth-child(3) {
            transform:rotate(-45deg) translate(6px,-6px);
        }

        .hero h1 {
            font-size:4rem;margin-bottom:2rem;font-weight:400;letter-spacing:-0.03em;line-height:1.1;max-width:1000px;margin-left:auto;margin-right:auto
        }

        .all-grants-list {
            margin-top:2rem;
            margin-bottom:2rem;
        }
        
        /* Mobile Navigation Styles */
        @media(max-width:768px) {
            nav {
                padding:0 1rem;
                justify-content:space-between;
                align-items:center;
            }
            .mobile-menu-toggle {
                display:flex;
                order:2;
                flex-shrink:0;
            }
            .nav-left {
                gap:0;
                order:1;
                flex:0 0 auto;
                justify-content:flex-start;
                text-align:left;
            }
            .logo {
                text-align:left;
                display:inline-block;
            }
            .nav-left span {
                display:none;
            }
            .nav-right {
                position:fixed;
                top:0;
                right:-100%;
                width:280px;
                height:100vh;
                background:#fafafa;
                flex-direction:column;
                align-items:flex-start;
                padding:4rem 2rem 2rem;
                gap:1.5rem;
                box-shadow:-2px 0 10px rgba(0,0,0,0.1);
                transition:right 0.3s ease;
                z-index:100;
                overflow-y:auto;
                order:3;
            }
            .nav-right.mobile-menu-open {
                right:0;
            }
            .nav-right a,
            .nav-right .nav-language-form {
                width:100%;
                padding:0.75rem 0;
                border-bottom:1px solid #e5e5e5;
            }
            .nav-right .btn-nav {
                width:100%;
                text-align:center;
                border:1px solid #1e3a5f;
            }
            .nav-right .nav-language-form {
                border-bottom:1px solid #e5e5e5;
                padding-bottom:1rem;
            }
        }
        
        @media(max-width:480px) {
            nav {
                padding:0 0.5rem;
            }
            .nav-right {
                width:100%;
            }
            .logo {
                font-size:1.25rem;
            }
            main{max-width:1400px;margin:0;padding:0 0.5rem}
            .back-btn {
                margin:0.5rem 0rem 0.5rem 0rem; padding:0rem
            }

            h1 {
                font-size:2rem;
                margin-bottom: 0rem;
            }

            .page-title h1 {
                font-size:2rem;
            }
            .hero h1 {
                font-size:2rem;

            }

            .add-new-grant {
                display: none

            }

            .title-section {
                padding:0.5rem 0 0.5rem;
                margin-bottom:0.5rem;
            
            }
            .all-grants-list {
                margin-top:1rem;
                margin-bottom:1rem
            }
        }
        
        /* Footer */
        .app-footer {
            background:#fafafa;
            border-top:1px solid #e5e5e5;
            padding:2rem 0;
            margin-top:4rem;
            text-align:center;
        }
        .app-footer p {
            margin:0;
            color:#666;
            font-size:0.875rem;
        }
        .app-footer a {
            color:#1e3a5f;
            text-decoration:none;
            transition:opacity 0.2s;
        }
        .app-footer a:hover {
            opacity:0.7;
        }